禁用鼠標滾動？

我使用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" 
    }); 
    });

是否anyonw知道，爲什麼.jcarousel容器採用的是大尺寸的，我認爲它的主要目的是爲不顯示它:)？

下面的示例頁面： Example

謝謝！

來源

2014-07-12 R4ttlesnake

我無法看到的例子頁面上的任何按鍵 –

對不起，忘了提，這些按鈕是迄今覆蓋左/右側的DIV。感謝你目前的幫助。我真的不想禁用鼠標，唯一的問題是，jCarousel覆蓋我的.jcarousel包裝器的寬度（100％）與包含li元素的集體寬度。所以溢出：隱藏不起作用。在原始演示[見這裏]（http://plugins.learningjquery.com/jcarousellite/demo/responsive.html），這不會發生。所以我想知道它爲什麼這樣對我？ – R4ttlesnake

你必須在html的頭部設置jcarousel選項，就像她在頁面上做的那樣，最後需要這個功能 –

這可能工作 - 把這段代碼在你的頁面的底部

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

Reference

來源

2014-07-12 17:06:09

禁用鼠標滾動？

回答

相關問題