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

发布于 12-18 07:52 字数 547 浏览 4 评论 0原文

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

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

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

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

此致，菲利普

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

瀞厅☆埖开2024-12-25 07:52:10

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

工作示例

You can use scrollable's api to achive that like this;

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

回复收藏 0 原文

~没有更多了~