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>