javascript - Die Bildlaufleiste verdeckt die Hover-Popup-Ebene?

Question

Nach dem Hinzufügen der Bildlaufleiste verdeckt die Bildlaufleiste die Popup-Ebene auf der rechten Seite und ist nicht sichtbar. Nach dem Entfernen der Bildlaufleiste ist der Inhalt sichtbar. Wie soll dieses Problem gelöst werden?

(kann nicht angezeigt werden)

(Sie können die Popup-Ebene sehen)

Wie löse ich das Problem? Ich muss eine Bildlaufleiste hinzufügen, aber sie wird nach dem Hinzufügen nicht angezeigt.

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

Dies ist der Code auf der linken Seite

Answer 1

你布局有问题才会遮住吧

Answer 2

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

Answer 3

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

Answer 4

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