Windows中几乎所有浏览器上的滚动条（不是Mac）

Question

我有一个div作为弹出窗口（绝对位置等）。 现在，我正在不同的平台上进行测试，我发现在Windows上的几乎所有浏览器中都有滚动条，即使没有任何内容可以滚动...但不是在Mac上。 我附上了一张图片，这只是众多案例中的一个。 我不想要那些滚动条，我该怎么办？ 我试过溢出：隐藏;谷歌搜索了很多但似乎无法找到解决方案！任何帮助非常感谢！

Answer 1

我也碰到了这个;谷歌继续发现了这个：

https://css-tricks.com/almanac/properties/o/overflow/

我的诀窍是将div溢出设置为隐藏。 我没有意识到它仍然设置为在我的CSS中“滚动”，即使在PC浏览器（尝试使用Chrome和IE）上显然也不需要滚动条，但在我使用的任何Mac OS浏览器上都没有（Safari，Firefox， Chrome和Opera）

以下是div选项：     div {       溢出：可见|隐藏|滚动|汽车|继承     }

Answer 2

如果您打算创建一个弹出窗口，则可以改为使用position: fixed，但这与您的要求无关。

我建议使用Chrome开发者工具来确定滚动条的确切位置。这应该可以帮助你找出问题所在。

Answer 3

很难看到您的实际代码，但这很难确定，但是很有可能在CSS的某处指定了属性overflow: visible，这会迫使导航显示。

如果是这样，您需要将overflow: visible更改为overflow: auto，仅在页面/元素需要滚动时才会显示滚动条。

Answer 4

类似于ekfuhrmann所说的，如果将overflow的值更改为overflow: auto，则仅在必要时才会显示滚动条。

您也可以通过执行overflow-x: auto，overflow-y: hidden来非常具体地显示滚动条。