остановка события mousewheel дважды в OSX

вы знаете, я думаю, что в этом случае лучше использовать таймауты. Почему бы не написать что-нибудь вроде этого:

// Let's say it's a global context or whatever...:
var fireEvent = true;
var newDelta, oldDelta, eventTimeout;
newDelta = oldDelta = eventTimeout = null;

// ... and the function below fires onmousewheel or anything similar:
function someFunc(){
    if(!fireEvent) return; // if fireEvent is not allowed => stop execution here ('return' keyword stops execution of the function), else, execute code below:
    newDelta = deltaY;
    if(oldDelta!=null&&oldDelta*newDelta>0){ // (1.1) if it's not the first event and directions are the same => prevent possible dublicates for further 50ms:
        fireEvent = false;
        clearTimeout(eventTimeout); // clear previous timeouts. Important!
        eventTimeout = setTimeout(function(){fireEvent = true},500);
    }
    oldDelta = newDelta;
    someEventCallback(); // (1.2) fire further functions...
    }

таким образом, любое событие mousewheel, запущенное в течение полсекунды после любого предыдущего вызова события mousewheel, будет проигнорировано, если оно сделано в том же направлении, что и предыдущее (см. условие в 1.1). это решит проблему, и пользователь никоим образом не обнаружит это. Сумма задержки может быть изменена, чтобы лучше удовлетворить ваши потребности.

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

P. S. Я не видел ничего похожего на eventCallback() позвонить в ваш код (см. раздел 1.2 о моем решении). был только флаг fireEvent. Вы делали что-то вроде:

if(fireEvent)
    someEventCallback();

позже или что-то?

P. P. S. Обратите внимание, что fireEvent должен быть в глобальной области, чтобы работать здесь с setTimeout. Если это нет, также довольно легко заставить его работать нормально, но код нужно немного изменить. Если это ваше дело, скажите мне, и я все улажу.

обновление

после короткого поиска я узнал, что аналогичный механизм используется в функции _debounce() подчеркивания. См. раздел документация подчеркивания здесь

У вас есть, хотя об использовании fullpage.js? Он имеет задержку между прибытием в раздел и моментом, когда вы можете прокрутить к следующему разделу, который решает часть проблемы пользователей Mac с трекпадами или Apple magic mouses.

Он также предоставит вам некоторые другие преимущества, такие как гораздо больше опций, методов и совместимости с сенсорными устройствами и старыми браузерами без поддержки CSS3.

чтобы начать с чего-то, давайте сделаем ваше решение короче (поэтому его легче понять и отладить):

var fireEvent;
var newDelta = deltaY;
var oldDelta = null;

fireEvent = EventCheck();
oldDelta = newDelta;

function EventCheck(){
    if(oldDelta==null) return true; //(1.1)
    if(oldDelta*newDelta < 0) return true; // (1.2) if directions differ => fire event
    if(Math.abs(newDelta)<Math.abs(oldDelta)) return true; // (1.3) if oldDelta exceeds newDelta in absolute values => fire event
    return false; // (1.4) else => don't fire;
}

как вы видите, это абсолютно то, что делает ваш код. Однако я не могу понять эту часть вашего кода (которая соответствует (1.3) в моем фрагменте):

 //check to see if the new is lower
 if (oldDelta > newDelta) {
    fireEvent = true;
 } else {
    fireEvent = false;
 }

из кода при условии, что неясно, как рассчитывается deltaY. Как можно предположить, дельта равна endPosition-initialPosition. Итак, oldDelta>newDelta не означает, что новый должность ниже, но новый разрыв между этими двумя значениями больше. Если это то, что он означает, и вы все еще используете его, я полагаю, вы пытаетесь отслеживать инерцию с этим. Затем вы должны изменить оператор comparative (использовать less than вместо greater then и наоборот). Другими словами, Я бы написал:

if(Math.abs(newDelta)>Math.abs(oldDelta)) return true; // (1.3) 

вы видите, теперь я использовал оператор "больше, чем", что означает: newDelta превышает oldDelta в абсолютных значениях => это не инерция, и вы все равно можете запустить событие.

Это то, чего вы пытаетесь достичь, или я неправильно истолковал ваш код? Если да, то объясните, как рассчитывается deltaY и какова была ваша цель, сравнивая старые и новые дельты. P. S. Я бы предложил не использовать если(isMac) на этом этапе, пока проблема также может потенциально скрываться там.