如何强制内部div滚动而不是浏览器窗口？

Question

3

在下面的标记中，当我最小化浏览器窗口时，我看到浏览器窗口中的滚动条滚动，而不是从overflow-y: scroll中的div内部滚动。如何使其在主体元素不做任何操作的情况下在内部滚动？

<div style="overflow-y: scroll;">
line<br/>
line<br/>
line<br/>
line<br/>
line<br/>
line<br/>
</div>

- user_1357

2

如果不对html和body元素应用样式，您需要使用一些javascript。您可以将一个函数附加到窗口的resize事件上，如果div的高度小于某个高度，则将其大小调整为窗口的高度。 - tuespetre

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ASR · Accepted Answer

2

设置 <div> 的高度

<div style="height:50px; overflow-y: scroll;">

- ASR

但是在 MacOS 上滚动条没有出现？有什么想法吗？ - Shankar Cabus

抱歉，我使用Windows，所以无法为Mac提供建议 :( - ASR

其实你是对的。当你设置了一个高度并最小化浏览器窗口时，div上的滚动不会滚动... - user_1357