禁用鼠标滚动？答案

【问题标题】：Disable Mouse scroll?禁用鼠标滚动？
【发布时间】：2014-07-12 16:53:29
【问题描述】：

我正在使用 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 容器要那么大，我认为它的主要目的是不显示它:)？

这里是示例页面： Example

谢谢！

【问题讨论】：

我在示例页面上看不到任何按钮
抱歉，忘了提一下，到目前为止，按钮是覆盖在左侧/右侧的 DIV。感谢你目前的帮助。我真的不想禁用鼠标，唯一的问题是，jCarousel 用包含的 li 元素的集体宽度覆盖了我的 .jcarousel 包装器的宽度（100%）。所以溢出：隐藏也不能工作。在原始演示 see here 中，不会发生这种情况。所以我想知道为什么它会为我这样做？
您必须像她在页面上所做的那样在 html 的头部设置 jcarousel 选项，并且它需要在最后使用该功能

标签： jquery scroll jcarousellite

【解决方案1】：

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

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

Reference

【讨论】：