火狐浏览器上的覆盖滚动条

Question

5

我需要翻译的内容如下：

我遇到了一个问题，我有一个 div，它的高度会改变，但当它溢出时，滚动条会改变宽度，有没有办法使这个滚动条“覆盖” div 而不改变宽度。

在 Chrome 中存在以下情况：

overflow: overlay;

尽管在 Firefox 上无法运行，但有没有解决方案呢？无论是 JavaScript、jQuery 还是 CSS 都可以。

谢谢。

- joaomarcuslf

我自己无法复制这个问题。你有展示这种行为的代码吗？ - StardustGogeta

我无法展示代码，因为它非常庞大，但我有这个链接：https://jsfiddle.net/odg84npf/3/ - joaomarcuslf

1个回答

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

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

- Mottie · Accepted Answer

3

我不会使用“overlay”因为它不是标准的。相反，尝试使用像perfect-scrollbar这样的插件，在悬停时显示滚动条。

- Mottie

1

还有其他解决方案吗？无法将此插件添加到项目中。 - joaomarcuslf

你可以在元素上设置最大高度和溢出 (例如 .wrapper p { max-height:200px; overflow: auto; } - 参见 https://jsfiddle.net/Mottie/odg84npf/4/)。 - Mottie

https://www.npmjs.com/package/perfect-scrollbar - Ebrahim

答案需要更新，因为您的插件链接是404。 - Necromancer