Javascript JQuery可滚动滚动的滚动比实际需要的滚动更远

我正在使用JQuery滚动条显示图像库，请参见

在我的设置中，我有一个

.bscrollable

DIV

，它包含一个

.bitems

DIV

，它包含所有

.item

DIV

，类似于JQuery Scrollables演示页面中的

.scrollable

、

.items

和

.item

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

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

致以最良好的祝愿，

---

Philip

您可以使用

可滚动的

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

---

太好了，这正是我想要实现的目标。谢谢您！（您将尽快收到赏金）