一个选择元素的下拉菜单正在改变页面的背景(JS，MUI)

Question

我的网站出现了一个奇怪的问题，但这似乎是我使用的UI库的问题。每次我点击页面中的选择元素时，背景的宽度都会略有变化，这会使背景图像闪烁。起初我认为这是我代码中的一个问题，但经过检查，我在UI库文档中看到了这种情况。

示例：

1. 我的网站：https://dinsangun.github.io/crypto-converter/
2. lib文档：https://mui.com/components/selects/(在lib文档中，当您单击选择元素时，请注意右侧的滑块，当单击选择项的下拉菜单时，它会消失(

有办法克服这个小错误吗？

谢谢。

Answer 1

您的问题来自滚动条，当您单击选择时，它会消失，因此背景会扩展到覆盖所有屏幕。MUI网站也存在同样的问题。我可以提出的解决方案之一是将body或rootdivheight:100vh;overflow:hidden;