html - 模态打开时防止显示两个滚动条

标签 html css

在我的页面中,我有一个在单击按钮时打开的模式。但它看起来很不稳定,因为出现了两个滚动条:

enter image description here

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

我希望它在模式打开时只有模式的滚动条,并在关闭时切换回父滚动条。我尝试使用 overflow-y: hidden 来实现它,但这会禁用滚动。

我在这里错过了什么?

最佳答案

当我在 Codepen 上看到你的元素时,它没有显示两个滚动条

I think there is a problem with your Browser

我认为你的浏览器有问题

关于html - 模态打开时防止显示两个滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51436205/

相关文章:

Html:播放没有控件的音频?

css - 更改 sencha 中选择字段的占位符颜色

javascript - Jquery ajax 响应似乎忽略类

css - 如何强制元素在任何屏幕中具有相同的相对位置?

javascript - 通过javascript创建一个无序列表

Safari 上的 HTML 颜色输入更改事件经常触发

javascript - YouTube将http重定向到https并使用Flash Player代替HTML5

javascript - 使用javascript按下按钮时如何打开一个窗口并关闭另一个窗口?

javascript - CSS定位,需要一些建议

html - 我的按钮居中,即使我输入 text-align : left;