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); 
    }); 
}); 

Answer 2

这取决于浏览器的实现，但你可以让它在 webkit (safari, chrome) 和 firefox 中使用

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