Как побороть скролл на тачпаде Мака?

Question

[westdp]

Всем привет, подскажите есть сайт с горизонтальной прокруткой, в конце горизонтальной прокрутки включается вертикальная но я думаю это не суть важно)
При скролле мышкой сдвиг у меня стоит 20пкс

$('body, html').mousewheel(function (event, delta) {
            this.scrollLeft -= (delta * 20);
            event.preventDefault();
});

А при нажатии на клавиатуру 50

$(".arrows .left").click(function (e) {
    body.scrollLeft -= 50;
    html.scrollLeft -= 50;
});

Так вот мой вопрос, как запретить на маках, я не знаю как правильно назвать "инвертационную" прокрутку или циклическую прокрутку, при скролле на тачпаде идет мгновенная прокрутка страницы от начала и до конца за доли секунды.
Как исправить такую штуку?

Answer 1

[norlin]

Дело не в маке как таковом. Событие прокрутки зависит от ОС и браузера.
Можно менять delta в зависимости от ОС, например. Либо принципиально поменять ваш алгоритм прокрутки (как именно – это надо смотреть на практике, разные варианты пробовать).

Comments

[westdp]

Так дельту я сделал для прокрутки колёсиком(mousewheel), а какое событие для скроллинга на тачпаде в OSx? Можешь подсказать?

[norlin]

westdp: нет, я имел в виду, что это событие вызывается по разному в разных ОС. Добавьте console.log, например – я почти уверен, что увидите там вызов 100500 событий при прокрутке. Соответственно, ваша delta*20 вызывается почти сразу много раз и прокрутка мгновенно улетает в конец. Может, для Mac OS не надо дельту умножать, точно не помню, как оно там (связывался с этим пару лет назад) – надо смотреть, что именно в delta, сколько раз вызывается событие и т.д.

[westdp]

norlin: а можешь не по теме подсказать как написать функцию сдвига контента на любое значение, это сможет помочь в этой ситуации чтобы сделать для всех браузеров и ОС кроссбраузерно?

[norlin]

westdp: не понял вопрос... Ты же уже используешь scrollLeft / scrollTop. Или что за "сдвиг" имеется в виду?

[westdp]

Ну чтобы сдвиг scrollLeft / scrollTop зависел от одной величины например 20, не от дельты или чего то другого, а чтобы при скроле на любом устройстве и ОС шаг был 20пкс

[norlin]

westdp: Ну так просто не используй дельту... Тут другая проблема будет - эвент может вызываться с разной частотой (например, для обычной мышки с колёсиком – 1 раз на каждый "щелчок" при прокрутке, а для тачпада - 100 при продвижении пальца на 1 см. Это всё условно, для примера). Это надо экспериментально проверить, не помню уже.

[westdp]

norlin: Так я понял, что нужно что-то помудрить чтобы функция вызывалась например один раз 0.5сек, я правильно понимаю?

[norlin]

westdp: я не подскажу 100% готового решения, надо смотреть в зависимости от задачи + посмотреть как на практике эти события вызываются.