谷云秒收录

首页 > 秒收录 > 文章资讯

如何实现网站主播链接的平滑滚动

00-1010 :设置一个锚点链接a href=' #苗'找到猫/a;(注意:href属性的属性值前面应该有#)。

:在页面上需要的位置设置锚点a名称='苗'/a;(注意:标签A中要写一个名称属性,属性值与中href的属性值相同,不加#)。标签中应按要求填写必要的文字,但一般不写内容。

00-1010一般来说,当使用锚点跳转到页面上的指定位置时,它们会立即跳转到指定位置,但有时我们希望平滑过渡到指定位置,因此可以使用JQuery简单地实现平滑滚动效果。

只需将以下代码添加到网站的底部代码/正文中。

script src=' https://cdn . bootscs.com/jquery/1 . 12 . 4/jquery . min . js '/script script type=' text/JavaScript ' $(function(){ $(' a[href *=#],area[href*=#]')。click(function(){ if(location.pathname.replace(/^\//,'')==this.pathname.replace(/^\//,'')location.hostname==this.hostname){ var $ target=$(this . hash);$ target=$ target . length $ target | | $('[name=' this . hash . slice(1)']');if($ target . length){ VarTargetoffset=$ target . offset()。顶部;$('html,body ')。动画({ scrollTop:targetOffset },1000);returnfalse} }});})/脚本