HTML框，其中包含元素列表

Question

我正在处理HTML项目，我想在页面内插入一个框，该框内有一个在框内滚动而不滚动页面的元素列表。

有可能这样做吗？

Answer 1

在您的ul元素中添加.scrollable-ul类，并在CSS中为其选择一些高度。滚动是通过溢出-y：自动添加的。

.scrollable-ul { overflow-y: auto; height: 60px; }

<ul class="scrollable-ul">
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<ul>

Answer 2

您需要CSS属性overflow: auto;

请查看以下答案： https://stackoverflow.com/a/4646733/9774746