Javascript 当用户使用鼠标滚动或键盘时,覆盖Fullpage.js中的自动滚动
我在找人帮忙 我正在开发一个Wordpress网站,使用Alvaro Trigo的Fullpage.js 在主页上,我让每个部分每5000毫秒自动滚动一次 但是,如果用户决定使用鼠标或键盘浏览每个部分,则客户端已请求覆盖此选项。这可能吗?我有点不确定如何处理它Javascript 当用户使用鼠标滚动或键盘时,覆盖Fullpage.js中的自动滚动,javascript,jquery,fullpage.js,Javascript,Jquery,Fullpage.js,我在找人帮忙 我正在开发一个Wordpress网站,使用Alvaro Trigo的Fullpage.js 在主页上,我让每个部分每5000毫秒自动滚动一次 但是,如果用户决定使用鼠标或键盘浏览每个部分,则客户端已请求覆盖此选项。这可能吗?我有点不确定如何处理它 提前感谢您-任何帮助都将不胜感激!如果您需要更多信息,请告诉我。您必须收听鼠标滚轮事件并清除为自动滑动设置的间隔 比如: addMouseWheelHandler(); function MouseWheelHandler(){
提前感谢您-任何帮助都将不胜感激!如果您需要更多信息,请告诉我。您必须收听鼠标滚轮事件并清除为自动滑动设置的间隔 比如:
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);
谢谢这很有效。客户端询问用户是否有可能在5秒钟内停止手动滚动,以再次触发自动滚动。这可能吗?事先非常感谢你。