滚动条遮住了hover弹出层？

Question

添加滚动条之后，滚动条遮住了右侧的弹出层，看不到，去掉滚动条之后内容就可以看到了 。请问这个问题应该怎么解决？

（无法弹出）

（可以看到弹出层）

求问怎么解决 必须加滚动条 但加了之后无法弹出 求问怎么解决？

<div id="sidebar" class="sidebar responsive scroll" style="height:567px;overflow :auto; scrolling: yes;"> 

这是左侧代码

Answer 1

你的弹出面板不应该写到sidebar的dom下。应该独立出来。用js控制显示坐标 这样就避免这个问题了。

Answer 2

你布局有问题才会遮住吧

Answer 3

父元素设了overflow:auto.
创建了BFC.
自然出现了横向的滚动条啦.

Answer 4

楼上说的是正确的，只要用JS遍历点击层，点击哪个出现哪个弹出层就行了，弹出层写在sidebar外面。

Answer 5

最终问题就是溢出隐藏，你的这个框应该是在li里面的，如果向楼上所说，独立到外面，用js控制位置，我实在想不出比这个更坏的方法了。。。。 问题应该从根源出发，在这里我假设右侧的option你使用的是li 在li里嵌套了右框，右框根据每个li的位置来显示，可是在你的li里面明显做出了 溢出隐藏，尝试把相关的overflow属性去除，然后加到 ul 外层的div中 ul的option高度变化 撑起外层div 实现 scroll

Answer 6

楼上讲的是一种方法，我觉得你如果想显得更加高大上的话，最好自己用js来模拟滚动条

Answer 7

楼主，我也遇到这个问题了，你解决了吗，求助！！！