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

したがって、リストが 200px (または指定したもの) より長い/大きい場合、垂直スクロールバーが表示されます。