jquery - jQuery - アニメーションなしの ScrollTop

Question

アニメーションなしでスクロールトップを使用するにはどうすればよいですか

このコードは機能します：

var offTop = $('#box').offset().top;
offTop  = offTop-43;
$('#mainCt').animate({scrollTop: '+=' + offTop + 'px'}, 400);

そして、ここに私の（機能しないソリューション）があります：

$("#mainCt").scrollTop('+=' + offTop + 'px');                 // doesn't work
$("#mainCt").scrollTop('+='+offTop);                          // doesn't work
hhh = setTimeout(' $("#mainCt").scrollTop('+offTop+');',800); // doesn't work

デモ
http://jsfiddle.net/DNNFF/9/

Answer 1

これを試して：

var offTop = $('#box').offset().top - 43;
$('#mainCt').scrollTop(offTop);

scrollTopプロパティは整数のみを受け入れ、接尾辞や単位は必要ありません。

Answer 2

アニメーションや派手なものが必要ない場合は、アンカーを使用してください

<a name="top"></a>

スクロールする必要がある場所に配置します

そして、あなたが呼び出している関数で使用します

document.location.href="#top";

要素の前にアンカーを追加する関数を作成し、それを実行してdocument.location後でそのアンカーを削除することもできます。

http://jsfiddle.net/fSrxr/1/

Answer 3

http://api.jquery.com/scrollTop/

$(window).scrollTop(offTop)

Answer 4

短い時間で使ってみませんか。私はそれをいじりました、そしてそれはアニメーションを持っていませんでした。アニメーションを見る時間がないので、アニメーションはまったくありません。

var offTop = $('#box').offset().top;
offTop  = offTop-43;
$('#mainCt').animate({scrollTop: '+=' + offTop + 'px'}, 50); //50 added here as duartion

Answer 5

デュレーションで遊べませんか？

var offTop = $('#box').offset().top;
offTop  = offTop-43;
$('#mainCt').delay('800').animate({scrollTop: '+=' + offTop + 'px'}, 1);