html - 可滚动链接列表 HTML CSS

Question

我需要为 中的几个列表项添加更多功能ul，并且我想知道如何使用滚动功能来上下滚动，因为项目的数量。

这是我的清单：

<ul>
<li>Page 1</li>
<li>Page 2</li>
<li>Page 3</li>
<li>Page 4</li>
<li>Page 5</li>
<li>Page 6</li>
</ul>

Answer 1

我不确定这是否是您要搜索的内容，但您可以使用具有定义高度的元素来包装列表。

<div id="wrapper">
    <ul>
    <li>Page 1</li>
    <li>Page 2</li>
    <li>Page 3</li>
    <li>Page 4</li>
    <li>Page 5</li>
    <li>Page 6</li>
    </ul>
</div>

...和CSS：

#wrapper {
    overflow:auto;
    height:200px;
}

因此，如果列表长于/高于 200 像素（或您指定的任何值），则会显示一个垂直滚动条。