Question

我正在使用右侧边栏，其中包含三个垂直对齐的滑块。当我向下滚动到200像素时，我想要修复侧边栏的位置。到目前为止，这是我的代码：

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

使用此代码时没有任何反应。它检测到我正在滚动，但它没有将CSS属性设置为“col-right”类，即侧边栏。我这样做了吗？

Answer 1

好的，我明白了。我将$更改为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: ''});
        }
    }
});

Answer 2

取代：

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

与

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

应该引用

字符串！

滚动到位时将Div位置设置为固定 - jQuery

2 个答案: