Question

我有一个div元素“悬停”在页面正文之上：

<body>
<div id="this_element_hovers" class="like_a_dialogue_box" style="position:fixed">
    POPUP CONTENT
</div>
</body>

问题是，当#this_element_hovers长于窗口高度时，浏览器将不会滚动显示整个对话框/弹出窗口。如何让浏览器滚动显示整个对话框？

谢谢你们，伙计们！

Answer 1

根据你的要求调整div的高度和宽度并设置溢出属性滚动

<div id="this_element_hovers" class="like_a_dialogue_box" style="position:fixed;width:200px;height:200px;overflow:scroll;">
    POPUP CONTENT
</div>

Answer 2

嗯，你自己说css是固定的，它不能移动，而且它的长度也很大。

我建议你将固定div的内容放在一个带有 overflow：auto css属性的可滚动div中，并使div的高度变小，以便在屏幕上可以看到。