防止在模式打开时显示两个滚动条

Question

在我的页面中，有一个单击按钮时会打开的模式。但这看起来很奇怪，因为显示了两个滚动条：

我使用的CSS：https://codepen.io/bootpen/pen/jbbaRa?editors=1100

我希望当模态打开时仅具有模态的滚动条，而在模态关闭时切换回父级滚动条。我尝试使用overflow-y: hidden进行此操作，但是该方法禁止滚动。

我在这里想念什么？

Answer 1

当我在Codepen上看到您的项目时，它没有显示两个滚动条

我认为您的浏览器有问题