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 回答