在我的元素中,我使用了来自谷歌 Material 设计网站的代码:https://material.io/components/web/catalog/lists/
它工作得很好,但是,随着更多列表条目的添加,我必须向下滚动才能看到它们。问题是要滚动列表,我会滚动页面标题。
我想问是否有人知道如何添加一个“辅助滚动条”(我不知道你怎么调用它们),它在使用时只会在列表中滚动。
我正在努力实现的一个例子在这里:https://stackoverflow.com/a/21998914/8625593
提前致谢!
最佳答案
限制列表容器的高度。它将导致显示滚动条或添加具有属性“over-flow-y”的滚动垂直滚动条。
例如:
#listContainer{
max-height:200px;
width:18%;
overflow:hidden;
overflow-y:scroll;
}
#container {
overflow-y:scroll
}
<div>
<h1>Headline</h1>
<div id="container">
<ul id="listContainer">
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
<li>Link 4</li>
<li>Link 5</li>
<li>Link 6</li>
<li>Link 7</li>
<li>Link 8</li>
<li>Link 9</li>
<li>Link 10</li>
<li>Link 11</li>
<li>Link 12</li>
<li>Link 13</li>
<li>Link 14</li>
<li>Link 15</li>
<li>Link 16</li>
<li>Link 17</li>
<li>Link 18</li>
<li>Link 19</li>
<li>Link 20</li>
</ul>
</div>
<div>Possible Summary Information</div>
</div>
关于html - Material Design - 列表组件的二级滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50205959/