Jscrollpane: Возможна ли функция прокрутки 200px с горизонтальной полосой прокрутки?

Question

Я попытался сделать это как в вертикальном примере, но не смог заставить это работать.

Итак, у меня есть div с горизонтальной полосой прокрутки и множеством картинок. Теперь я хочу сделать кнопку, которая при нажатии будет прокручивать + 200 пикселей или что-то в этом роде. Возможно ли это и с чего мне начать? Не могу найти что-либо в Google или здесь ...

Answer 1

Звучит так, как будто вы ищете функцию scrollBy в jScrollPane 2:

http://jscrollpane.kelvinluck.com/scroll_to.html

Поскольку вы хотите осуществлять только горизонтальную прокрутку, вы используете scrollByX функционируйте так:

$(function()
{
    var scrollPane = $('.scroll-pane').jScrollPane();
    var api = scrollPane.data('jsp');
    $('#your-button-id').bind(
        'click',
        function()
        {
            api.scrollByX(200);
        }
    );
}

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

http://jscrollpane.kelvinluck.com/image2.html

http://jscrollpane.kelvinluck.com/image.html

Answer 2

Какую версию вы используете? Согласно документации, этого не было, но оно было исправлено в последней версии, вышедшей несколько месяцев назад ...

см. http://code.google.com/p/jscrollpane/issues/detail?id=8

Если это не работает для вас, есть другой плагин http://plugins.jquery.com/project/jscrollhorizontalpane, который может выполнить эту работу за вас.