重新激活fullpage.js中的自动滚动功能

Question

我正在寻找一些帮助！

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

在主页上，我有每个部分每5000ms自动滚动一次。

如果用户决定使用鼠标浏览每个部分，则此功能目前被覆盖。

如果用户在5000ms内不活动（即不是手动滚动），客户端请求重新激活自动滚动。

Here is the work in progress。

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

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