Question

我希望我的页面滚动到我网页内的特定div。我想体验一个流畅的卷轴。获取此特定div的偏移尺寸后跟scrollTop使用JavaScript足以完成此特定区域。为了获得平滑过渡，我想我可以使用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);

     });
 })

使用JavaScript滚动页面

2 个答案: