html溢出：在下拉菜單中隱藏

我試圖解決我的slyding下拉菜單中的溢出問題。對於slyding我使用了als-js框架。問題是，如果我設置了overflow：hidden屬性，我的下拉菜單就不再明顯了。如果我只是設置溢出x：隱藏我得到一個滾動條。html溢出：在下拉菜單中隱藏

<div class="als-container" id="cssmenu"> <span class="als-prev"><img src="back.png" alt="back" title="previous" /></span> 

<div class="als-viewport"> 
    <ul class="als-wrapper"> 
     <li class='als-item active'><a href='index.html'>Home</a> 

      <ul> 
       <li class='final'><a href='#'>Test 1</a> 

       </li> 
       <li class='final'><a href='#'>Test 2</a> 

       </li> 
      </ul> 
      <li class=' als-item has-sub '><a href='#'>Products</a> 

       <ul> 
        <li class='final'><a href='#'>Product 1</a> 

        </li> 
        <li class='final'><a href='#'>Product 2</a> 

        </li> 
        <li class='final'><a href='#'>Product 2</a> 

        </li> 
        <li class='final'><a href='#'>Product 2</a> 

        </li> 
        <li class='final'><a href='#'>Product 2</a> 

        </li> 
        <li class='final'><a href='#'>Product 2</a> 

        </li> 
       </ul> 
      </li> 
      <li class="als-item"><a href='#'>About</a> 

      </li> 
      <li class='als-item active'><a href='index.html'>Admin</a> 

      </li> 
      <li class='als-item active'><a href='index.html'>Route</a> 

      </li> 
    </ul> 
</div>

的jQuery：

$(document).ready(function() { 
$("#cssmenu").als({ 
    visible_items: 4, 
    scrolling_items: 2, 
    orientation: "horizontal", 
    circular: "yes", 
    autoscroll: "no" 
}); 
});

這裏是鏈接到我的小提琴。 http://jsfiddle.net/9zapu02q/11/

也許有人可以幫我找到解決方案。

來源

2014-09-03 Andi0815

SOLUTION

你div.als-viewport必須有更大的高度...但你翔升腳本設置DIV的高度，所以你需要使用「重要」，以覆蓋該值。

.als-viewport { 
    height: 300px !IMPORTANT; 
    ... 
}

來源

2014-09-03 14:25:49 rafaelcastrocouto

感謝您的快速回復。對於我的真實世界的例子，這是行不通的，因爲我在菜單下有一個內容區域，並且通過這個解決方案，als-viewport覆蓋了我的內容，並且我無法訪問鏈接，按鈕...... 所以也許有另一種解決方案提供溢出第二個ul-elments可以從我的als-viewport浮出的y軸？ – Andi0815 2014-09-04 11:49:56

z-index無法解決您的問題（[閱讀全文]（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index））...您可以設置als-viewport將其置於絕對位置併爲您的內容添加一些保證金 – rafaelcastrocouto 2014-09-04 18:39:26

html溢出：在下拉菜單中隱藏

回答

相關問題