我有一个 div 元素“悬停”在页面主体上方:
<body>
<div id="this_element_hovers" class="like_a_dialogue_box" style="position:fixed">
POPUP CONTENT
</div>
</body>
问题是,当#this_element_hovers 长于窗口高度时,浏览器不会滚动显示整个对话框/弹出窗口。如何让浏览器滚动显示整个对话框?
感谢你们!
我有一个 div 元素“悬停”在页面主体上方:
<body>
<div id="this_element_hovers" class="like_a_dialogue_box" style="position:fixed">
POPUP CONTENT
</div>
</body>
问题是,当#this_element_hovers 长于窗口高度时,浏览器不会滚动显示整个对话框/弹出窗口。如何让浏览器滚动显示整个对话框?
感谢你们!
根据您的要求调整 div 的高度和宽度并设置溢出属性滚动
<div id="this_element_hovers" class="like_a_dialogue_box" style="position:fixed;width:200px;height:200px;overflow:scroll;">
POPUP CONTENT
</div>
那么你的css本身说它是固定的,它不能移动,而且它的长度也很大。
我建议您将固定 div 的内容放置在具有overflow:auto css 属性的可滚动 div 中,并使 div 的高度更小,以便在屏幕上可见。