可滚动链接列表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;
}

因此,如果列表长度/高于200px(或者您指定的那个),则会显示一个垂直滚动条.