jquery-ui - 使用 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>

但它不起作用..我该如何解决这个问题？我希望当我单击“answer”时，它会向上滚动并转到“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); 
    }); 
});