Javascript JQuery 向上滚动时重置 scrollTop

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 的小高度并将边距顶部更改为 0 但是当我向上滚动时它仅将徽标更改回 50 但不应用 16px 边距-顶部

我在这里错过了什么？

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 向上滚动时重置 scrollTop

Javascript JQuery scollTop reset when scolling back up

javascript

jquery

scrolltop