用户向下滚动时将类添加到div

时间:2016-12-01 19:43:29

标签: jquery

我需要在用户向下滚动时将div添加到div,这是我的代码:



$(window).scroll(function() { 
   $("#skin_h").removeClass("skin");
   var scroll = $(window).scrollTop();
   if (scroll <= 75) {
      $("#skin_h").addClass("skin_srolld");
   }
});
&#13;
.skin {
    position: fixed;
    z-index: 0;
    top: 0px;
    left: 50%;
}


.skin_srolld {
    top:500px!important;
}
&#13;
<div class="skin" id="skin_h">
</div>
&#13;
&#13;
&#13;

请不要对此有所帮助。

2 个答案:

答案 0 :(得分:0)

您正在使用$窗口对象,因为窗口是普通的javascript对象而不是jquery

window.scroll(function() { 


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

这应该有效:)

答案 1 :(得分:0)

我弄清楚正确的代码是

&#13;
&#13;
jQuery( document ).ready(function( $ ) {
	$(window).scroll(function() {
	    var scroll = $(window).scrollTop();

	    if (scroll >= 60) {
		$(".skin").addClass("skin_srolld");
	    } else {
		$(".skin").removeClass("skin_srolld");
	    }
	});
});
&#13;
&#13;
&#13;