2015-07-31 2 views
3

Есть ли способ использовать Javascript или jQuery, чтобы изменить направление прокрутки на HTML-странице (с колесом мыши) сверху вниз -> слева направо?Как изменить направление прокрутки мыши на странице HTML?

+0

Pls осмотреться, прежде чем спрашивать. Вот ответ: http://stackoverflow.com/questions/20776045/reverse-scrolling –

+0

@ Mr.Web Этот вопрос, похоже, связан с изменением прокрутки вверх -> вниз - вниз - вверх, а не вверх - вниз влево -> вправо, как просят. –

+0

@MaximillianLaumeister я вижу. Извините, я думаю, что неправильно понял вопрос. –

ответ

2

Вот небольшая функция, которая делает ваш документ прокрутки по горизонтали, а не вертикально с помощью колесика мыши:

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

Вам нужно будет включать jquery.mousewheel.min.js скрипт на странице для его работы.

Рабочий JSFiddle пример: https://jsfiddle.net/1zugp6w6/1/

Source

+0

thx, но это просто работает на chrome –

+0

@mohamadjavidi Неплохо, вам нужно включить плагин mousewheel [jquery.mousewheel.min.js] (https://raw.githubusercontent.com/jquery/jquery-mousewheel/master/jquery .mousewheel.min.js), чтобы это работало. –

+0

верьте мне, что он не работает в Firefox и Internet Explorer, он работает на хроме и сафари. –

1
$(document).ready(function() { 
    $('html, body, *').mousewheel(function(e, delta) { 
     this.scrollLeft -= (delta * 40); 
     e.preventDefault(); 
    }); 
}); 

, которые работают для всех браузера

+0

Этот код не работает в Firefox. – tobias47n9e

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