jquery горизонтальный свиток с колесиком мыши

Question

У меня в настоящее время есть сайт, который является боковым скроллером (http://www.studioimbrue.com)), и я пытаюсь привязать колесико мыши для прокрутки в сторону. В настоящее время я использую тот, который находится на thehorizontway.com (называется thw.js) но он не работает во всех браузерах (Chrome).

Я пытаюсь заставить это работать: http://brandonaaron.net/code/mousewheel/docs, чтобы просто прокрутить все окно, больше ничего. Есть очень ограниченная документация, поэтому я не могу понять это. Любая помощь приветствуется.

Answer 1

Я только что ответил на этот вопрос о горизонтальной прокрутке div, я также включил некоторый код для использования колесика мыши или просто перетащите мышью ... возможно, часть этого кода даст вам представление

Чтобы уточнить, функция колесика мыши дает вам объект события и дельту.

$('#container').bind('mousewheel', function(event,delta){
 if (delta > 0) {
   // mousewheel is going up; 
 } else {
   // mousewheel is going down 
 }
});

Значение delta зависит от того, как быстро вы прокручиваете колесо. Я видел диапазон от +50 до -50, если вы очень старались: P

Answer 2

Я использовал в комментариях подход $ (window) .bind, но он не будет прокручиваться назад, только вперед, как вверх, так и вниз на колесе.

<script>
    $(window).bind('mousewheel', function(event, delta) {
        if (delta > 0) { window.scrollBy(-80,0); 
        } else window.scrollBy(80,0) ; 
    });
</script>

Answer 3

Это решение из приведенных выше комментариев работает, но только при наведении на фактический элемент на странице.

$(window).bind('mousewheel', function(event, delta) {
    if (delta > 0) { window.scrollBy(-80,0); 
    } else window.scrollBy(80,0) ; 
});

Когда вы просто наводите мышью на пустое пространство (например, если ваш контент очень короткий и у вас осталось какое-то окно внизу), он будет работать около одной прокрутки, а затем прервется (пока вы не прокрутите назад влево), Вот почему можно подумать, что прокрутка работает только в одном направлении. Это также относится ко всем модным плагинам прокрутки, которые люди рекомендуют для этого. Надеюсь, это поможет людям найти решение в будущем.