HTML滚动列表实现：使用CSS overflow属性

<style>
    .scroll-list {
        width: 200px;
        height: 300px;
        overflow: auto;
    }
</style>
<div class="scroll-list">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
        <li>Item 6</li>
        <li>Item 7</li>
        <li>Item 8</li>
        <li>Item 9</li>
        <li>Item 10</li>
    </ul>
</div>
<p>在上面的示例中，一个具有固定宽度和高度的<code>&lt;div&gt;</code>元素被用作滚动容器。通过设置<code>overflow: auto;</code>属性，当内容超出滚动容器的尺寸时，将会自动显示滚动条。列表项被包含在一个<code>&lt;ul&gt;</code>元素中。</p>
<p>这样，当内容超出容器的尺寸时，用户可以通过滚动条来滚动列表项。</p>