JQuery Scrollable 比实际想要的滚动更远

Question

我正在使用 JQuery Scrollables 来显示图片库，请参阅 http://www.mba-europe.de/lehr_veroff.html

在我的设置中，我有一个.bscrollableDIV，其中包含一个.bitemsDIV，其中包含所有.itemDIV，类似于.scrollable、.items和@987654330 @来自 JQuery Scrollables 演示页面。

但是，如您所见，滚动不会在到达列表中的最后一个元素时立即停止。相反，用户可以进一步滚动，直到只有最后一个元素可见，然后是（在我的情况下）三个空槽。

如何避免进一步滚动，以便始终可见不少于四个元素？

最好的问候， 菲利普

Answer 1

你可以使用scrollable的api来实现这样的；

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();
    }
});

Working example