ホームページ > 記事 > ウェブフロントエンド > 用Javascript实现锚点(Anchor)间平滑跳转_javascript技巧
用Javascript实现锚点(Anchor)间平滑跳转_javascript技巧
- WBOYオリジナル
- 2016-05-16 18:46:591051ブラウズ
锚点(Anchor)相信很多人都不陌生，它方便访问者在页面的不同位置快速跳转，直接找到自己感兴趣的内容，如果说 RSS 是整个网站的摘要，那锚点就是一个页面的摘要，通常一个页面内容很多的时候，都会用锚点来定位。
但是锚点也有个问题，通常点击锚点后，页面会立即跳到目标位置，而本文介绍的方法，实现了锚点(Anchor)间平滑跳转，效果非常不错。
复制代码 代码如下:
调用方式：
复制代码 代码如下:
scroller(el, duration)
el : 目标锚点 ID
duration : 持续时间，以毫秒为单位，越小越快
HTML:
复制代码 代码如下:
测试代码：
复制代码 代码如下:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。