添加類的div當用戶向下滾動

Question

我需要添加類的div當用戶滾動下來，這是我的代碼：

$(window).scroll(function() { 
 
    $("#skin_h").removeClass("skin"); 
 
    var scroll = $(window).scrollTop(); 
 
    if (scroll <= 75) { 
 
     $("#skin_h").addClass("skin_srolld"); 
 
    } 
 
});

.skin { 
 
    position: fixed; 
 
    z-index: 0; 
 
    top: 0px; 
 
    left: 50%; 
 
} 
 

 

 
.skin_srolld { 
 
    top:500px!important; 
 
}

<div class="skin" id="skin_h"> 
 
</div>

它不是這項工作的一些幫助，請。

Answer 1

您正在使用$與窗口對象，因爲窗口將無法正常工作是正常的JavaScript對象，而不是一個jQuery

window.scroll(function() { 


$("#skin_h").removeClass("skin"); 
    var scroll = $(window).scrollTop(); 
    if (scroll <= 75) { 
     $("#skin_h").addClass("skin_srolld"); 
    } 
}); 

這應該工作:)

Answer 2

我搞清楚正確的代碼

jQuery(document).ready(function($) { 
 
\t $(window).scroll(function() { 
 
\t  var scroll = $(window).scrollTop(); 
 

 
\t  if (scroll >= 60) { 
 
\t \t $(".skin").addClass("skin_srolld"); 
 
\t  } else { 
 
\t \t $(".skin").removeClass("skin_srolld"); 
 
\t  } 
 
\t }); 
 
});