4

縦に並んだ 3 つのスライダーを含む右側のサイドバーを使用しています。200 ピクセルまでスクロールしたときにサイドバーの位置を固定したいと考えています。これまでの私のコードは次のとおりです。

$(document).ready(function() {
    window.onscroll = function() {
        if (window.pageYOffset >= 200){
            $('.col-right').css({position: 'fixed', right: '490px'});
        }
    }
}

このコードを使用しても何も起こりません。スクロールしていることは検出されますが、CSS プロパティがサイドバーである「col-right」クラスに設定されません。私はこれを正しく行っていますか？

4

2 に答える 2

5

わかりました。私はに変更$しjQuery、すべてが機能します。これが私の実用的なソリューションです：

jQuery(document).ready(function(){
    window.onscroll = function() {
        if (window.pageYOffset >= 200){
            jQuery('.col-right').css({position: 'fixed', right: '490px', top: '40px'});
        }
        else {
            jQuery('.col-right').css({position: '', right: '', top: ''});
        }
    }
});
于 2013-04-10T22:50:12.547 に答える
4

交換：

.css({position: fixed, right: 490px});

と

.css({position: 'fixed', right: '490px'});

文字列は引用符で囲む必要があります。

于 2013-04-09T17:50:06.810 に答える