17

jQuery でビューポートの一番下までスクロールをアニメーション化したいと考えています。やり過ぎではない (つまり、この小さなタスクのための巨大な機能セットがない) 利用可能なプラグインはありますか?

利用可能なプラグイン、または jQuery でネイティブにこれを行う方法はありますか?

4

4 に答える 4

25

jQuery を使用すると、このようなことが非常に簡単になるため、プラグインは必要ありません。例：

var x = 250; //insert your own formula to calculate where you want to scroll to in px
var t = 500; //arbitrary time in ms
$("html,body").animate({ scrollTop: x }, t);

代わりにhtml,body、div のようにスクロールする任意の要素を配置できます。tは、アニメーションが実行されるミリ秒単位の時間で、xスクロール先の位置は px です。これは scrollLeft でも動作しますが、scrollRight や scrollBottom では動作しないことに注意してください (jQuery ではなく JavaScript の制限です)。

于 2009-03-19T06:54:21.480 に答える
5

Darko Z と CMS からの回答を詳しく説明するために、特定の要素へのスクロールをアニメーション化するために使用したものを次に示します。

var target = $('#elem');
$('html,body').animate({scrollTop: target.offset().top}, 500);
于 2010-10-15T15:47:00.057 に答える
5

jQuery.ScrollToプラグインを確認してください。セレクター、DOM 要素などを使用して、特定の位置 (固定または絶対) までスクロールできます...

デモを見てみましょう...

于 2009-03-19T04:16:42.450 に答える