可滚动链接列表HTML CSS

我需要在

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>

第1页
第2页
第3页
第4页
第5页
第6页

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

<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>

---

<> P>这样，如果列表更长或高于200 px（或者您指定了什么），垂直滚动条就会出现。

对于更干净的外观，您可能会考虑<代码>溢出-y:Auto；code>并在

#wrapper

标记中设置足够宽的宽度，以容纳列表。这样你就只有一个垂直的滚动条，而不是水平的。我试过了，但效果不太好。滚动后，第2项和第3项同时出现。你能发布截图吗？@DinoExcel我想我理解错了你的问题。你想完成什么？你能给我一个详细的描述吗？你能澄清你的问题吗？不清楚你在问什么。

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