ページの読み込みが完了した後。jQUeryには、ページの一番下まできれいにスクロールしてもらいたいのですが、スナップやジョークではなく、すばやくアニメーションさせたいのです。
そのためには、ScrollTo
のようなプラグインが必要なのでしょうか?それとも、jQueryに組み込まれているのでしょうか?
次のように、scrollTop
プロパティをアニメーションさせることで、ページを下にスクロールさせることができます。
$(window).load(function() {
$("html, body").animate({ scrollTop: $(document).height() }, 1000);
});
document.readyではなく、
window.onload`を使用していることに注意してください (画像が読み込まれたときに...高さを占有します)。
技術的に正しくは、ウィンドウの高さを差し引く必要がありますが、上記の方法で動作します。
$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
特定のIDにスクロールするには、そのIDの.scrollTop()
を使って、次のようにします。
$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);