在 fullpage.js 中重新激活自动滚动答案

【问题标题】：Reactivate automatic scroll in fullpage.js在 fullpage.js 中重新激活自动滚动
【发布时间】：2015-12-01 12:00:33
【问题描述】：

我正在寻求帮助！

我正在将 Alvaro Trigo 的 Fullpage.js 用于我正在开发的 Wordpress 网站。

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

如果用户决定使用鼠标导航每个部分，则当前会覆盖此功能。

如果用户处于非活动状态（即未手动滚动）5000 毫秒，客户端已请求重新激活自动滚动。

Here is the work in progress.

提前感谢您 - 任何帮助将不胜感激！如果您需要更多信息，请告诉我。

【问题讨论】：

标签： javascript jquery fullpage.js

【解决方案1】：

Example online

试试这个：

var myIntervalId;
var auto = true;

$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    continuousVertical: true,

    afterLoad: function (anchorLink, index){
        //for any section
        if(typeof myIntervalId === 'undefined' || !auto){
          clearInterval(myIntervalId);
          myIntervalId = setInterval(function() {
              $.fn.fullpage.moveSectionDown();
          }, 1000);
        }
    }
});




addMouseWheelHandler();

function MouseWheelHandler() {
    clearInterval(myIntervalId);
    auto = false;
}

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
    }
}

【讨论】：

嗨，Alvaro - 感谢您这么快回来。我可能没有正确解释这一点......我需要在用户使用鼠标滚轮将其停止然后处于非活动状态 5 秒后重新激活自动滚动。在您的 JSFiddle 中，鼠标滚轮会停止自动滚动，但不会重新激活。在此先感谢，并为沟通不畅感到抱歉。埃文。
@Evan 该示例在用户停止滚动时重新激活滚动。再次审查。您可以向上滚动测试它。它会在 1 秒后再次激活。（在您的情况下将其更改为 5）
抱歉，它不适合我 :( 我已经在 Safari、Firefox 和 Chrome 中尝试过。我能以某种方式向您展示屏幕截图吗？
@Evan 即使您看不到 jsfiddle 示例，我也发布了整个代码，这应该足够了，前提是我前几天发布了一个类似的代码和一个工作示例。很抱歉，我不能为你做更多的事情。