Javascript Jquery中的解除绑定控制盘事件
我想使用skrollr.js和fullpage.js库设计我的网站。但是skrollr使用scrollTop的值来转换我们选择的元素,fullpage.js似乎在滚动页面,但他只是更改了视口的顶部值,所以scrollTop没有更改,skrollr.js无效 我在寻找一些信息,最后我做了自己的fullpage.js(我试过): 我有三个分格 但当我在第一个div上向下滚动时,我的视口会转到第三个,因为我多次绑定事件Javascript Jquery中的解除绑定控制盘事件,javascript,jquery,fullpage.js,Javascript,Jquery,Fullpage.js,我想使用skrollr.js和fullpage.js库设计我的网站。但是skrollr使用scrollTop的值来转换我们选择的元素,fullpage.js似乎在滚动页面,但他只是更改了视口的顶部值,所以scrollTop没有更改,skrollr.js无效 我在寻找一些信息,最后我做了自己的fullpage.js(我试过): 我有三个分格 但当我在第一个div上向下滚动时,我的视口会转到第三个,因为我多次绑定事件 我想绑定一个事件,滚动并解除绑定该事件大约1秒 从2.4.4版开始,现在fullP
我想绑定一个事件,滚动并解除绑定该事件大约1秒 从2.4.4版开始,现在fullPage.js包括一个名为
滚动条
的选项,该选项使用滚动顶
功能,因此与您提到的插件甚至视差插件一样工作
默认设置为false,因此在初始化fullPage.js时必须将其打开
检查
滚动条:(默认为false)。确定是否为站点使用ScrolBar。如果使用滚动条,自动滚动功能仍将按预期工作。用户还可以使用滚动条自由滚动站点,滚动结束后,fullPage.js将在屏幕上显示该部分
$('.frame').css({
'height':$(window).height()
});
var active ="section 1";
$(window).bind('mousewheel', function(event) {
event.preventDefault();
event.stopPropagation();
if (event.originalEvent.wheelDelta >= 0) {
if(active=="section 2"){
$("html,body").stop().animate({scrollTop: 0}, 1000);
active="section 1";
}
else if(active=="section 3"){
$("html,body").stop().animate({scrollTop: $(window).height()}, 1000);
active="section 2";
}
}
else {
if(active=="section 1"){
$("html,body").stop().animate({scrollTop: $(window).height()}, 1000);
active="section 2";
}
else if(active=="section 2"){
$("html,body").stop().animate({scrollTop: $(window).height()*2}, 1000);
active="section 3";
}
}
});