0

kswedberg kswedberg jCarousel Liteによる jCarouselLite プラグインを使用しています。リストされた各アイテムは、ブラウザの高さと幅の 100% を持つ必要があります。アイテムは、.jcarousel div に囲まれた ul の li です。これまでのところすべて正常に動作していますが、.jcarousel コンテナーは常にすべての項目の幅に拡張され (CSS の幅は 100% に設定されていますが)、スクロールも可能です。実際には、ブラウザーの 100% の幅を持ち、オーバーフローを非表示にする必要があります。これにより、他のすべての要素は、リスト ul がその位置を変更したときにのみ表示されます。

CSS:

.jcarousel {
    position: relative;
    overflow: hidden;
    height: 100%;
    ul {
        position: relative;
        height: 100%;
    }
    li {
        float: left;
        height: 100%;
        width: 100%;
    }
}

JS:

  $(function() {
    $(".jcarousel").jCarouselLite({
        btnNext: ".jcarousel-next",
        btnPrev: ".jcarousel-prev"
    });
  });

なぜ .jcarousel コンテナがその大きなサイズになるのか、誰でも知っていますか?主な目的はそれを表示しないことだと思いました:)

ここに例のページがあります: 例

ありがとう！

4

1 に答える 1

0

これでうまくいくかもしれません - このコードをあなたのページの一番下に置いてください

<script>
    $(document).ready(function() {
        $("#menu_body > ul").bind("mousewheel", function() {
            if ($.browser.webkit === true) {
                return false;
            }
        });
    });
</script>

参照

于 2014-07-12T17:06:09.287 に答える