Chrome中ListBox滚动条始终可见

Question

3

我正在使用一个列表框，但是只有在Chrome浏览器中，无论其中有多少项，它的垂直滚动条始终可见。而在其他浏览器中，当列表框中的行数等于或超过项目数时，滚动条会自动隐藏。

请问有人知道如何在Chrome中实现这个效果吗？

- carlbenson

添加一个样式：overflow-y:auto; 没有帮助吗？ - Marino Šimić

尝试为listbox控件的第一个子元素设置样式，并给它一个背景颜色。查看它是否延伸到外边框的底部。如果是，那么可能存在项目的内部包装器过大，导致在Chrome中始终出现滚动条。尝试修复overflow-x: hidden;。 - Marino Šimić

这似乎只是Chrome浏览器的一个缺陷。实际上，除了确保页面仍然正常运行并忍受轻微的显示故障外，你无法做太多事情。 - CraigW

@Marino，非常感谢您的帮助。我尝试使用overflow-y:hidden，但它没有改变任何东西，这让我感到很奇怪。难道没有其他方法可以针对您所提到的内部包装器进行操作吗？ - carlbenson

你能展示一些代码吗？我不知道HTML有一个列表框。 - foxy

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user1170008 · Answer 1

你尝试使用自动变量了吗？例如：

#listbox
{
    overflow: auto
}

- Magnum26 · Answer 2

要隐藏此垂直滚动条（如果水平滚动条也出现了，则需要隐藏它），您需要使用CSS overflow属性，并将其值设置为hidden。