Question

嗨我有以下

$(window).scroll(function() {
     if($(window).scrollTop() > 200){
       $('.ccbrtlogo').css({'height': '25'});
       $('.ccbrtlogo').css({'margin-top': '0'}); 
     }else{
         $('.ccbrtlogo').css({'height': '50'}); 
         $('.ccbrtlogo').css({'margin-top': '16'});
     } 
});

当我向下滑动时它确实有效，它将徽标设置为25px的高度并将margin-top更改为0但是当我重新抬起它时它只会将徽标更改回50但不适用16px margin-top

我在这里缺少什么？

Answer 1

您还需要添加度量单位。对于0，您可以在其后面放置任何内容，因为所有内容：0px，0in都是0。但是使用其他号码，您需要使用16px代替16

$('.ccbrtlogo').css({'margin-top': '16px'});

示例

$('#first').css({'margin-top': '100'}); $('#second').css({'margin-top': '100px'});

div{ float: left; margin-left: 10px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="first"> First </div> <div id="second"> Second </div>

Javascript JQuery scollTop在重新搜索时重置

1 个答案: