我们有一个莫名其妙的问题，即当我们尝试从父页面打开模式对话框时，它会打开 2 个彼此相邻的垂直滚动条。一个控制模态框，一个控制后面的主页面。
拥有 2 个滚动条并不理想，并已尝试为此实现解决方案。 我们在对话框页面中添加了一些 javascript，当模态对话框打开时将样式设置为 overflow:hidden。
<script>
function myOnLoad() {
window.parent.$('body').css('overflow', 'hidden');
}
并使用....
<body onload="myOnLoad()">
这有效并有效地删除了它后面页面中的滚动条(即它做了它应该做的)但是我们还想在模式对话框关闭时将溢出设置回“自动”......
我们通过添加这段代码来做到这一点..
<script type="text/javascript">
// close Modal
$("#close").click(function () {
window.parent.$('body').css('overflow', 'auto');
window.parent.$("iframe").attr('src', '');
window.parent.$(".modalDialog").removeClass('show');
});
然而，这似乎不起作用，因为模态对话框关闭但滚动条仍然隐藏在主页上。 谁能告诉我我在这里做错了什么？我尝试了不同的溢出属性，但似乎没有任何效果
最佳答案
好的，试试这个，我认为您的页面在点击时重新加载并因此执行了您的加载:
$("#close").click(function (e) {
e.preventDefault();
window.parent.$('body').css('overflow', 'auto');
window.parent.$("iframe").attr('src', '');
window.parent.$(".modalDialog").removeClass('show');
});
关于javascript - 2 打开模态对话框时可见的滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28746348/