javascript - 平滑滚动 css 代码到 div 标签

Answer 1

试试这个jQuery.ScrollTo

$.scrollTo('a[href=bdpaus]');

Answer 2

在 Firefox 和 Chrome 中，您可以使用scroll-behavior: smoothCSS；其他浏览器尚不支持此功能，但确实存在polyfill 。

* {line-height: 3em}
body {scroll-behavior: smooth}

<a href="#bottom">Click</a>
<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>a<br>b<br>c<br>
<div id="bottom">end of page</div>

您也可以使用 jQuery 为页面设置动画scrollTop，但除非您已经将 jQuery 用于其他目的，否则我认为不值得将整个库仅用于一个装饰功能。