使用Material-UI的“ mui-fixed”使用滚动条阻止模态移动

问题描述

因此,我正在努力实现Material-UI模式,并遇到了滚动条的外观和消失每次关闭时都会移动模式的问题。我可以使用“ mui-fixed”类解决此问题,但它会在模态右侧添加额外的填充,看起来很糟糕。

我只是很好奇,是否有一种更好的方法可以解决此问题,即滚动条消失并重新出现,或者是否有一种方法可以使用“ mui-fixed”来完成,而无需在右侧填充。

将padding设置为0只会使其看起来就像首先没有包含“ mui-fixed”类一样,这再次导致滚动条移位问题。

这是添加“ mui-fixed”后在我的模式窗口的右边看起来不正确的填充。

mui-fixed padding issue

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

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

解决方法

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