的Javascript JQuery的scollTop scolling备份

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'}); 
    } 
}); 

它不工作时，我scoll下来它设置标志，一个小25px的高度，并改变边距为0，但是当我重置scoll备份它只会将徽标更改回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>