2013-03-12 3 views
3

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

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

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

Это, как я пытаюсь инициализировать 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

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

ответ

2

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

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

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

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

+0

Мы уже пробовали wheelAction: «прокрутка» (и несколько других хаков), но у этого нет анимации. Это основная функция, которая нам нужна. – youare

 Смежные вопросы

  • Нет связанных вопросов^_^