jQueryで画面をスクロールさせる時の注意点

jQueryで画面をスクロールさせる時の注意点 jQueryを使って画面をスクロールさせる場合animateメソッドとscrollToプロパティを組み合わせるのが一般的です。 selector.animate({ scrollTop: 0 }); // ページの一番上にスクロール この時どのセレクタに対して実行すべきかはブラウザごとに異なります。詳しくはjQueryでscrollToを使うときの注意点 - NoteBookにまとまっていてありがたいです。簡単に言うとWebKitではbodyに効き、それ以外のブラウザではhtmlに効きます。 $('html').animate({ scrollTop: 0 }); // WebKit以外 $('body').animate({ scrollTop: 0 }); // WebKit これに対して var selector = $('html,

[kkana]

はまった

[bleu-bleut]

$('html, body')はコールバックが二回呼ばれるので良くないよ！

[tekiomo]

$($.browser.webkit ? 'body' : 'html').animate({ scrollTop: 0 }, callback); // hiを1回表示

[sutara_lumpur]

#jQuery スクロール完了後の処理を設定している場合は注意。

[toaruR]

なるほど。コレが原因かな scrollTop()、webkitで一見値が来てない件