Question

我正在尝试将一些样式元素添加到我的jquery代码中。

我的目标是能够在人物在200px之后向下滚动屏幕后完全定位一个盒子。

在200px滚动后，框大小减小但我希望能够将框定位在我想要的位置。

这是我的代码。

有人可以指导我出错的地方。

  $( window ).scroll(function() {
     if($(window).scrollTop() > 200){
       $('#profile-pic-bg').css({'width': '50'});
        $("#profile-pic-bg").css({ position: "absolute", top: "20", left:"5" });
     }else{
         $('#profile-pic-bg').css({'width': '145'});
     }

});

Answer 1

从top和left属性值中删除引号，否则它们不起作用：

$("#profile-pic-bg").css({ position: "absolute", top: 20, left: 5 });

Answer 2

试试这个

$( window ).scroll(function() {
     if($(window).scrollTop() > 200){

        $("#profile-pic-bg").css({ 
            "position": "absolute", 
            "top": "20px", 
            "left":"5px" ,
            "width":'50px'
        });
     }else{
         $('#profile-pic-bg').css({'width': '145px'});
     }

});

DEMO

如何将样式设为jquery代码

2 个答案: