1.简介
a标签的href 属性用于指定超链接目标的 URL,能够跳转到href中指定的页面或指定的位置。
锚点能够跳转到当前页面中指定的位置,使用id来使用锚定URL。
点击链接到标题即可跳转到这是标题,底部链接可以链接到这模块.
但是在实际应用中,点击后直接跳转到页面的指定位置,无动画,跳转过程很生硬。
可以通过css/js两种方式实现点击锚点平滑滚动至指定位置。
2.实现方式
2.1 css实现
将scroll–behavior:smooth写在滚动容器元素上,可以让容器的滚动变得平滑。
scroll–behavior 属性为一个滚动框指定滚动行为
auto (默认值):表示滚动框立即滚动到指定位置。
smooth :表示在页面滚动时采用平滑滚动,不直接滚动到指定位置,例如回到顶部按钮和锚点。
3.1 js实现
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。