Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery中的解除绑定控制盘事件_Javascript_Jquery_Fullpage.js - Fatal编程技术网

Javascript Jquery中的解除绑定控制盘事件

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

我想使用skrollr.js和fullpage.js库设计我的网站。但是skrollr使用scrollTop的值来转换我们选择的元素,fullpage.js似乎在滚动页面,但他只是更改了视口的顶部值,所以scrollTop没有更改,skrollr.js无效

我在寻找一些信息,最后我做了自己的fullpage.js(我试过):

我有三个分格

但当我在第一个div上向下滚动时,我的视口会转到第三个,因为我多次绑定事件


我想绑定一个事件,滚动并解除绑定该事件大约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";
        }
    }
});