Question

我正在寻求一些帮助！

我正在使用Alvaro Trigo的Fullpage.js浏览我正在开发的Wordpress网站。

在主页上，我每个部分每隔5000毫秒自动滚动一次。

但是，如果用户决定使用鼠标或键盘导航每个部分，则客户端已请求覆盖此项。这可能吗？我有点不确定如何解决它。

Here is the work in progress

提前感谢 - 非常感谢任何帮助！如果您需要更多信息，请与我们联系。

Answer 1

您必须收听鼠标滚轮事件并清除为自动滑动设置的间隔。

Example online

类似的东西：

addMouseWheelHandler();

function MouseWheelHandler(){
    clearInterval(myIntervalId);
}

function addMouseWheelHandler() {
    if (document.addEventListener) {
        document.addEventListener('mousewheel', MouseWheelHandler, false); //IE9, Chrome, Safari, Oper
        document.addEventListener('wheel', MouseWheelHandler, false); //Firefox
    } else {
        document.attachEvent('onmousewheel', MouseWheelHandler); //IE 6/7/8
    }
}

myIntervalId将是您在创建intnerval时必须设置的全局变量：

var myIntervalId;

//whatever
myIntervalId = setInterval(fuction(){
    $.fn.fullpage.moveSectionDown();
}, 5000);

当用户使用鼠标滚动或键盘时，覆盖Fullpage.js中的自动滚动

1 个答案: