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

Question

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

在我的设置中，我有一个.bscrollable DIV包含 a .bitems DIV，其中包含与 类似的所有.item DIV' .scrollable，.items以及.item来自 JQuery Scrollables 演示页面。

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

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

最好的问候，菲利普

Answer 1

您可以使用scrollable's 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();
    }
});

工作示例