1

私は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>

しかし、それは機能していません..どうすればこれを修正できますか？回答をクリックすると、上にスクロールしてResponsedivに移動します。

4

2 に答える 2

3

独自のソリューションをロールする代わりに、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); 
    }); 
});
于 2012-07-04T19:36:38.160 に答える
1

これはブラウザの実装によって異なりますが、Webkit（safari、chrome）およびfirefoxで動作させることができます。

$('html, body').animate({ scrollTop: $("#Response").offset().top }, 1200);
于 2012-07-04T19:36:57.790 に答える