jquery - onClick jQuery .animate を使用してページの下部に移動します

Question

テーブルの下に別のセクションを開くアクションボタンが最後の列に含まれているテーブルがあります。そのセクションが開かれると、アクション列のボタンが押された場所に本文ページが残ります。.htmlページをテーブルの下の開いたセクションにスクロールする.animateでjQueryを使用する必要があります。

フィドルの例: http://jsfiddle.net/Ksb2W/110/

誰かがこれで私を助けることができれば。ありがとうございました。

Answer 1

デモ http://jsfiddle.net/h4ZQR/ または http://jsfiddle.net/byRRY/

優れたAPI：http ://api.jquery.com/scrollTop/

注意：：を使用.animate({scrollTop: $("#whateverdiv").offset().top});して、ページの特定のセクションに移動できます。

お役に立てれば

html

<a href="#bottom" id="hulk">Click me to go to bottom</a>

コード

$("#hulk").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");

});​

また

$("a[href='#bottom']").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");
  return false;
});​