Горизонтальные проблемы с iScroll в настольных браузерах

Question

Я пытаюсь реализовать горизонтальную прокрутку для настольного веб-сайта с помощью iScroll.js. Перетаскивание работает нормально, и стиль применяется нормально, но я нахожу проблемы с прокруткой.

Изначально я использовал iScroll 4.1.7. Колесо мыши не работает должным образом на ПК. На компьютерах Mac. У Chrome и Safari есть проблемы с предотвращением внутренней прокрутки, особенно если пользователь активировал настройку трекпада: проведите по страницам, если прокрутите влево (назад), открывается предыдущая страница. Firefox прокручивает ОК. Перетаскивание работает нормально.

Впоследствии попробовал v4.2.5: https://github.com/cubiq/iscroll Это не похоже на прокрутку или колесико мыши вообще в настольных браузерах. Перетаскивание работает отлично.

Вот как я пытаюсь инициализировать iScroll: (как определено в документации здесь: http://cubiq.org/iscroll-4)

<script type="application/javascript" src="iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper');
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>`

Ниже приведена демонстрация:

iScroll 4.1.7 http://anything.is/iscroll4-1-7

iScroll 4.2.5 http://anything.is/iscroll4-2-5

Любые идеи, если я делаю что-то не так, или это реальные проблемы?

Answer 1

Я действительно не знаю, должен ли параметр mousewheel быть установлен по умолчанию, но вы можете попробовать добавить его так:

function loaded() {
    myScroll = new iScroll('wrapper', {
        wheelHorizontal: true
    });
}

Это было протестировано на iscroll 4.2.2 в Chrome, что означает, что это может быть не идеальное решение, но оно выглядит как быстрое решение. 4.2.5 должен это сделать!

Нашел ответ здесь: iScroll 4 горизонтальная колесико прокрутки мыши На странице есть jsFiddle, которую вы можете проверить! Надеюсь, это помогло.