4

これは一部の人にとっては非常に驚くかもしれませんが、この$(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');
    }
});
4

3 に答える 3