Question

我正在使用kswedberg kswedberg jCarousel Lite的jCarouselLite插件。我列出的每个项目都应该有100％的浏览器高度和宽度。这些项目是在ul中的项目，其中包含.jcarousel div。到目前为止一切正常，但.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容器占据了那么大的尺寸，我认为它的主要目的是不显示它:)？

这里是示例页面： Example

谢谢！

Answer 1

这可能有效 - 将此代码放在页面底部

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

Reference

禁用鼠标滚动？

1 个答案: