JQuery Scrollable прокручивает дальше, чем хотелось бы - PullRequest
0 голосов
/ 29 ноября 2011

Я использую JQuery Scrollables для отображения галереи изображений, см. http://www.mba -europe.de / lehr_veroff.html

В моей настройке у меня есть .bscrollable DIV, который содержит .bitems DIV, который содержит все .item DIV по аналогии с .scrollable, .items и .item со демонстрационной страницы JQuery Scrollables.

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

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

С уважением, Филипп

1 Ответ

1 голос
/ 02 декабря 2011

Вы можете использовать API scrollable для достижения этой цели;

var $scrollables = $('.bscrollable').scrollable({
    size: 4,
    mousewheel: true,
    vertical: false,
    horizontal: true
}).data('scrollable');
$scrollables.onBeforeSeek(function(e, i) {
    var threshold = $scrollables.getSize() - 4;
    if(i > threshold) {
        e.preventDefault();
    }
});

Рабочий пример

...