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溢出：在下拉菜单中隐藏

回答

相关问题