javascript - 使用 JavaScript 滚动页面

Question

我希望我的页面滚动到放置在我的网页内的特定 div。我想体验流畅的滚动。正在使用 JavaScript 获取此特定 div 的偏移尺寸，然后是 scrollTop 到此特定区域。为了获得平滑过渡，我认为我可以使用 setTimeout 并在此偏移 x 维度之前为其提供变量。如果有任何jQuery插件可以做到这一点，请提出建议。但我的偏好是只使用 JavaScript。

Answer 1

我认为 jQuery 是获得平滑滚动的最简单方法。

我在这里找到了一个很好的演示示例：

http://css-tricks.com/snippets/jquery/smooth-scrolling/

希望能帮助到你！

Answer 2

我找到了一个平滑滚动的 javascript 插件：http: //cferdinandi.github.io/smooth-scroll/

这是一个 3kb 的小插件。试试看。希望这可以帮助。

查看这个 jsfiddle 的 jQuery 解决方案：http: //jsfiddle.net/HumptyDumptyEIZ/yYqxU/

jQuery代码如下：

 $(document).ready(function(){
     $("#top").click(function(){
        $("html, body").animate({
           scrollTop: $("#bottom").offset().top
        }, 2000);

     });

    $("#bottom").click(function(){
       $("html, body").animate({
           scrollTop: $("#top").offset().top
       }, 2000);

     });
 })