javascript - 滚动条遮住了hover弹出层？

Question

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

（无法弹出）

（可以看到弹出层）

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

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

这是左侧代码

Answer 1

你布局有问题才会遮住吧

Answer 2

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

Answer 3

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

Answer 4

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