如何在灵活的div中滚动？

Question

我想使div可滚动，并在调整窗口大小时更改此块。窗口本身永远不能滚动。 div不应位于窗口之外。

您可以在此处https://stackblitz.com/edit/angular-sampgx

查看示例

Answer 1

您可以将固定高度定义为div，可以这样设置：

<div style="height:500px; overflow: scroll; background-color: green;padding: 10% 10% 0 10%">
    <!-- <div style="height:50vh; overflow: scroll; background-color: green;padding: 10% 10% 0 10%"> -->
    <ul style="font-size:30px">
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>
</div>

Answer 2

更新的演示：https://stackblitz.com/edit/angular-hzrjgy?file=src/app/app.component.html

我添加了类path以便更好地理解（可以将其删除）。 只需将类C:\Users\myaccount\.windows-build-tools\python27\的包装器的高度从100％更改为100vh。