html 滑动锚点
时间: 2023-07-01 07:19:54 浏览: 195
smooth-scroll:用于 html 锚点的简单平滑滚动库
要实现 html 滑动锚点,可以在页面中定义锚点(`<a>`标签),然后在需要滑动到锚点位置的链接中设置 `href` 属性为对应的锚点名称,如下所示:
```html
<a name="anchor1"></a>
<h2>这是一个锚点</h2>
<a href="#anchor1">滑动到锚点</a>
```
点击“滑动到锚点”链接时,页面会滑动到对应的锚点位置。可以通过 CSS 属性 `scroll-behavior` 控制滑动过程的动画效果。例如:
```css
html {
scroll-behavior: smooth;
}
```
设置了这个样式后,滑动过程会有缓慢的动画效果。
阅读全文