Вертикальный слайдер с прокруткой колесом мыши

Вертикальный слайдер totemticker демонстрацию которого можно посмотреть на этой странице, к сожалению, не умеет работать cо скролом мыши. В попытках найти что-либо в интернете по этому поводу не привело к успеху. Частично была попытка исправить этот недочет – источник на гитхабе. Но этим так и не получилось добиться внятной работы в Мозиле.

 

totem

В ответ Mozilla Firefox в консоли ругалась на

ReferenceError: event is not defined
if(event.wheelDeltaY > 0 || event.wheelDelta > 0)

 

Решение нашлось после прочтения статьи на Хабре.
Как оказалось Firefox, в отличие от остальных браузеров не поддерживает свойство wheelDelta. В него разработчики заложили свойство detail. Также пришлось воспользоваться свойством originalEvent, т.к. обращение к свойству напрямую через event.wheelDelta устарело. Пришлось немного переписать плагин, и сделать проверку на направление движения колесиком мыши через

 

direction = e.originalEvent.wheelDelta && e.originalEvent.wheelDelta > 0 || e.originalEvent.detail && e.originalEvent.detail < 0 || false;

И все чудесно заработало.

Архив с исправленым скриптом слайдера totemticker и mousewheel можно забрать в архиве – totem-mousewheel.

Loading Disqus Comments ...
Loading Facebook Comments ...

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *