これは一部の人にとっては非常に驚くかもしれませんが、この$(window).scroll
方法を使用しているときに IE ブラウザーで問題が発生しています。
私の目標: スクロールが > y 値に達するまで、左側にあるメニューの位置を保持したいと思います。その後、スクロールが < y 値に戻るまで、ページの上部に固定されます。
私のエラー: Chrome と Firefox ではすべて問題ないように見えますが、Internet Explorer に移動すると、スクロール値が変更されるたびにブラウザーが #scroller を移動しているように見えます。これにより、移動/ちらつきイベントが発生しています。
誰かが私にリソースを教えてくれたり、これに対する回避策を教えてくれたりしたら、とても感謝しています!
ここにフィドルがあります: http://jsfiddle.net/CampbeII/nLK7j/
dev のサイトへのリンクは次のとおりです: http://squ4reone.com/domains/ottawakaraoke/Squ4reone/responsive/index.php
私のスクリプト:
$(window).scroll(function () {
var navigation = $(window).scrollTop();
if (navigation > 400) {
$('#scroller').css('top',navigation - 220);
} else {
$('#scroller').css('top',183);
$('#scroller').css('position','relative');
}
});