使用 Material-UI 的 "mui-fixed" 停止模式随滚动条移动

Question

所以我正在努力实施 Material-UI 模态，并 运行 解决 appea运行ce 和 disappea[=35= 的问题滚动条的 ]ce 每次关闭时都会移动模态。我可以使用“mui-fixed”class 修复此问题，但它会在看起来很糟糕的模态右侧添加额外的填充。

我只是很好奇是否有更好的方法来解决这个滚动条消失和重新出现的问题，或者是否有一种方法可以使用“mui-fixed”来完成这个没有右边填充的问题。

将填充设置为 0 只会使其表现得像“mui-fixed”class 一开始就没有包含在内，这又会导致滚动条移位问题。

添加“mui-fixed”后，我的模态 window 一侧的填充看起来不正确。

Here's the modal WITHOUT the "mui-fixed" class.

Here's the modal WITH the "mui-fixed" class.

Answer 1

更新——我明白了。发生这种情况的原因是因为我有一个抵消模态的自定义滚动条。我刚刚删除了我的 ::webkit-scrollbar 和 ::webkit-scrollbar-thumb 类 现在一切正常。