Question

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

在我的设置中，我有.bscrollable DIV，其中包含.bitems DIV，其中包含所有.item DIV个类似于JQuery Scrollables演示页面中的.scrollable，.items和.item。

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

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

祝你好运，菲利普

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

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

1 个答案: