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

Question

Мне не удалось заставить колесо мыши прокрутить горизонтальную область прокрутки. Кто-нибудь имеет опыт работы с этим и может предложить несколько указателей.

В комментариях к файлу js я вижу следующее обновление всего пару месяцев назад // 2.0.0beta3 - (2010-08-27) Горизонтальное колесо мыши, mwheelIntent, поддержка клавиатуры, исправления ошибок

Я просматривал страницу с проблемами github и страницы часто задаваемых вопросов и вопросов, связанных с Kelvin, а также группу google, и ничто не заставляет меня думать, что это невозможно.

Любая помощь приветствуется.

Answer 1

Вы можете использовать что-то вроде этого:

$('.scroller').each(function(){
    var scrollPane = $(this).jScrollPane();
    var api = scrollPane.data('jsp'); 
    scrollPane.bind( 
        'mousewheel',
        function (event, delta, deltaX, deltaY) 
        { 
            api.scrollByX(delta*-50);
            return false;
        } 
    ); 
});

Измените -50 на другое значение, чтобы изменить скорость и направление прокрутки.

Answer 2

Необходимо убедиться, что вы используете версию плагина mousewheel, вышедшую после 2010-08-27 - были внесены изменения в плагин mousewheel, а также в jScrollPane, чтобы он работал. На своих демонстрационных страницах я использую 3.0.4:

http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js

Если это не поможет, можете ли вы подтвердить, работает ли горизонтальная прокрутка на моих демонстрационных страницах? Это работает во всех браузерах, которые я пробовал, у которых есть мышь, способная к горизонтальному движению колеса (или на трекпаде macbook).

Answer 3

Это прекрасно работает на моем сайте.

Try.

jQuery(function($) {
    $('div.scroll-pane')
        .bind('mousewheel', function(event) {
           var scrollPane = $(this).jScrollPane();
           var api = scrollPane.data('jsp'); 
           scrollPane.bind( 'mousewheel',function (event, delta, deltaX, deltaY) 
        { 
            api.scrollByX(delta*-50);
            return false;
        } 
         ); 
        });
});

Answer 4

Я использовал приведенную ниже ссылку 1,5 года назад, и это сработало наверняка, пожалуйста, дайте мне знать, если у вас есть какие-либо сомнения.

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Answer 5

Я использовал плагин для определения колесика мыши от Брэндона Аарона:http://brandonaaron.net/code/mousewheel/demos

Хорошо работает в FF, Opera, Safari, Chrome, IE8 +.