当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
我正在使用右侧边栏,其中包含三个垂直对齐的滑块.当我向下滚动到200像素时,我想要修复侧边栏的位置.到目前为止,这是我的代码: $(document).ready(function() { window.onscroll = function() { if (
我正在使用右侧边栏,其中包含三个垂直对齐的滑块.当我向下滚动到200像素时,我想要修复侧边栏的位置.到目前为止,这是我的代码:

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

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

好的,我明白了.我将$更改为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: ''});
        }
    }
});
网友评论