jQuery Scroll to the page bottom

ページの読み込みが完了した後。jQUeryをページの一番下までうまくスクロールさせ、スナップや衝撃ではなく、すばやくアニメーション化したい。

ScrollToそのようなプラグインは必要ですか？それともjQueryに組み込まれていますか？

次のscrollTopように、プロパティをアニメーション化することで、ページをスクロールダウンしてアニメーション化することができます。プラグインは必要ありません。

$(window).load(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, 1000);
});

使用を注意してくださいwindow.onload（イメージがロードされたときに...高さを占める）ではなく、document.ready。

技術的に正しいためには、ウィンドウの高さを引く必要がありますが、上記は機能します：

$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });

特定のIDまでスクロールするには.scrollTop()、次のようにそのを使用します。

$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);

このようなもの：

var $target = $('html,body'); 
$target.animate({scrollTop: $target.height()}, 1000);

$('html,body').animate({ scrollTop: 9999 }, 'slow');

これと同じくらい簡単に、9999ページの高さ...範囲が広く、下部に到達できます。

あなたはこれを試すことができます

var scroll=$('#scroll');
scroll.animate({scrollTop: scroll.prop("scrollHeight")});

$("div").scrollTop(1000);

私のために働く。一番下までスクロールします。

以前の回答で言及されたスクリプト：

$("body, html").animate({
    scrollTop: $(document).height()
}, 400)

CSSのタグにプロパティが設定されている場合、Chrome では機能せず、Safari で ジャンプします。理解するのに1時間近くかかりました。htmloverflow: auto;

'document.body.clientHeight'を使用すると、body要素の見た高さを取得できます

$('html, body').animate({
    scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height()
}, 1000);

これはid 'particularDivision'でスクロールします

jQuery 3の場合、変更してください

$（window）.load（function（）{$（ "html、body"）。animate（{scrollTop：$（document）.height（）}、1000）;}）

に：

$（window）.on（ "load"、function（e）{$（ "html、body"）。animate（{scrollTop：$（document）.height（）}、1000）;}）

function scrollToBottom() {
     $("#mContainer").animate({ scrollTop: $("#mContainer")[0].scrollHeight }, 1000);
}

これは私からの解決策であり、あなたは見つけるでしょう、私は確信しています

js

var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;

$('#pagedwn').bind("click", function () {
        $('html, body').animate({ scrollTop:3031 },"fast");
        return false;
});

この解決策は私にとってうまくいきました。Page Scroll Downで高速に動作しています。

var pixelFromTop = 500;     
$('html, body').animate({ scrollTop: pixelFromTop  }, 1);

したがって、ページを開くと、1ミリ秒後に自動的に下にスクロールします