0

JQuery Scrollables を使用して画像ギャラリーを表示しています。http: //www.mba-europe.de/lehr_veroff.html を参照してください。

私のセットアップでは、に類似したすべての を含む を含む が.bscrollable DIVあり、JQuery Scrollables デモ ページから取得しました。.bitems DIV.item DIV.scrollable.items.item

ただし、ご覧のとおり、リストの最後の要素に到達してもスクロールは停止しません。代わりに、ユーザーは最後の要素のみが表示されるまでさらにスクロールでき、その後に (私の場合) 3 つの空のスロットが表示されます。

常に 4 つ以上の要素が表示されるように、それ以上スクロールしないようにするにはどうすればよいですか?

よろしく、フィリップ

4

1 に答える 1

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

実施例

于 2011-12-02T10:10:56.053 に答える