html - 可滚动链接列表 HTML CSS

Question

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

这是我的 list :

<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 像素(或您指定的任何内容)，则会显示一个垂直滚动条。