选择元素的下拉菜单正在更改页面的背景（JS，MUI）

Question

我的网站有一个奇怪的问题，但这似乎是我正在使用的 UI 库的问题。 每次我单击页面中的选择元素时，背景的宽度都会略有变化，这会使背景图像闪烁。 起初我虽然这是我的代码中的一个问题，但在检查后，我发现在 UI 库文档中它也发生了。

例子：

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

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

谢谢。

Answer 1

您的问题来自滚动条，当您单击选择时，它会消失，因此背景会延伸到整个屏幕。 MUI网站也是同样的问题。 我可以提出的解决方案之一是把你的body 或root div height:100vh;overflow:hidden;