[英]Add class onscroll combined with onepage-scroll.js plug-in
我目前在我的网站上使用onepage-scroll.js( https://github.com/peachananr/onepage-scroll )插件滚动浏览主页。 当滚动到第一个“幻灯片”时,我还要在标题中添加一个类(粘性)来更改一些CSS。 我已经尝试了下面的代码,但似乎无法正常工作,因此我对如何使此解决方案有效一无所知。
var header = $("header");
$("#sliders").scroll(function() {
var scroll = $('#sliders').scrollTop();
console.log(scroll);
if (scroll >= 50) {
header.addClass("sticky");
} else {
header.removeClass("sticky");
}
});
尝试使其准备就绪。 在onepage-scroll.js上仅记录我的示例工作代码
$(document).ready(function(){
$(".main").onepage_scroll({
sectionContainer: ".sectionscroll",
responsiveFallback: 600,
loop: true,
afterMove:function (index){
if ((index == 2)||(index == 3)){
$('#main').addClass('darktheme');
}else{
$('#main').removeClass('darktheme');
}
}
});
//$(".main").moveTo(2);
$(".btn-list-bottom").click(function(){$(".main").moveTo(4)});
});
您所有的部分必须具有相同的类。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.