Переопределение автоматической прокрутки в Fullpage.js когда пользователь использует прокрутку мыши или клавиатуру

Question

Переопределение автоматической прокрутки в Fullpage.js когда пользователь использует прокрутку мыши или клавиатуру

Мне нужна небольшая помощь!

Я использую полную страницу Альваро Триго.js для сайта Wordpress, который я разрабатываю.

На главной странице у меня каждый раздел прокручивается автоматически каждые 5000 мс.

Однако клиент запросил, чтобы это было отменено, если пользователь решит перемещаться по каждому разделу с помощью мыши или клавиатуры. Возможно ли это? Я немного не уверен, как справиться с этим.

Вот работа в процессе .

Заранее благодарю вас - Любая помощь будет очень признательна! Пожалуйста, дайте мне знать, если вам понадобится дополнительная информация.

570 1

jQuery javascript fullpage.js

1 ответ:

Comments

Ничего не найдено.

Alvaro · Accepted Answer · 2015-11-25 13:43:09

Вам придется прослушать событие mousewheel и очистить интервал, установленный для автоматического скольжения.

Пример онлайн

Что-то вроде:
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);