css - 语义 ui 列表 : Enable scrolling bar

标签 css semantic-ui

我有一个语义 ui 列表,其中包含的元素太多,以至于它比窗口还长。我只想为列表本身设置一个滚动条,但是,浏览器会为整个网站显示一个滚动条。

我应该将列表放在容器 div 中并设置其高度 = 100% 还是实现此目的的最佳方法是什么?

非常感谢:-)

最佳答案

将以下 css 添加到 ui list div:

height: 100%;
overflow: scroll;

要使其正常工作,您必须确保您列出的 包含 的 div 具有固定的高度。在您提到的设置 100% 不起作用的评论中,如果其中一个“祖先”div 没有固定高度,就会发生这种情况。

关于css - 语义 ui 列表 : Enable scrolling bar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31450435/

相关文章:

css - 在 Sinatra 应用程序的 layout.html.erb 中使用 if 语句

html - 带有下拉菜单的语义 UI "three inline fields"

javascript - 将 onClick 事件触发到特定的 div

jquery - 语义 UI "no javascript"工具提示 : Can we put part of the text in bold?

html - 卡片宽度内的语义 UI 表

css - 在 Wordpress TopBar 插件 @media 屏幕中更改内容(文本)

css - 我可以用 css 在 html 中设置整数值的样式吗

jquery - 在其他 HTML 元素上使用 JQuery UI 样式

javascript - OnMouseOver - 将 CSS 添加到与悬停标签不同的标签

javascript - 如何在语义 UI vue 下拉列表中使用动态键传递数据?