使用JQuery慢慢地上下滚动

Question

我有这个代码用于在Html中上下滚动：

<div id="Response" class="comment"></div>
<br>
<br>
<br>
<br>
<div class="but4 , text15"><a id="Resp" href="#rp">Answer</a></div>

和Jquery中的代码：

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    $("#Resp").click(function () {
        $("html").animate({ scrollTop: $("#Response").offset().top }, 1200);
    });
</script>

但它不起作用..我该如何解决这个问题？我希望当我点击答案时它向上滚动并转到Response div。

Answer 1

我建议使用ScrollTo插件而不是滚动自己的解决方案：http://flesler.blogspot.com/2007/10/jqueryscrollto.html

演示在这里：http://demos.flesler.com/jquery/scrollTo/

您可以轻松指定持续时间：http://demos.flesler.com/jquery/scrollTo/

修改

我们在聊天中提出的解决方案就是这个（不包括script标签）：

$(function () { 
    $("#Resp").click(function () { 
        $("body").scrollTo($("#Response"), 1200); 
    }); 
}); 

Answer 2

这取决于浏览器的实现，但您可以使用

在webkit（safari，chrome）和firefox中使用它

$('html, body').animate({ scrollTop: $("#Response").offset().top }, 1200);