火狐浏览器没有为滚动条预留空间

Question

火狐浏览器没有为滚动条预留空间

3

我遇到了以下问题。我有一个带滚动条的弹出对话框。在Google Chrome中，它为滚动条预留了空间。然而，Firefox不为滚动条预留任何空间，因此当它出现时，它可能会重叠内容（请参见屏幕截图）。这可能与Firefox隐藏滚动条，除非您悬停在可滚动区域上的事实有关。您能否建议任何解决方案，使Firefox像Chrome一样为滚动条预留空间？ Firefox中的屏幕截图 Chrome中的屏幕截图

- Nikita Sviridov

1个回答

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

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

- Sam Sabin · Answer 1

非常好的问题！不幸的是，据我所知，这个问题没有简单的解决方案。我建议创建一个设计，无论有没有滚动条造成的空间差异都能看起来很好。

但是，如果你一定要创建一个更通用的解决方案，你可以使用Javascript/Jquery来改变滚动条（参见此答案：Custom CSS Scrollbar for Firefox），或者尝试检测浏览器，并为使用Firefox的用户的带有滚动条的元素提供额外的填充（参见此答案：How to detect Safari, Chrome, IE, Firefox and Opera browsers?）。