Question

我正在尝试在我的网站上加载其他域名页面。它运行正常。点击在iframe中打开的网页，会出现一个提醒。但所有这一切都是由于

而发生的

overlay{top:0;left:0;width:100%;height:100%;position:absolute; }

但问题是，如果我使用上面的CSS，网页卡住了，它不会滚动如果我改变位置：相对警报不会打开

<div class="container" style='position:fixed; left: 0; right: 0; bottom: 0; top: 0px; height: 100%;z-index: 1111111;'>
<iframe class='theiframe' width='100%' height='100%' src='http://www.cnbc.com/world/?region=world/'></iframe>
<div class="overlay"></div>
</div>

<script>
$(document).ready(function () {
   $('.container').bind('click', function(event) { alert('test'); });
});// main function
</script>

<style>
.container{position:relative;float:left;}
.overlay{top:0;left:0;width:100%;height:100%;position:absolute; }
/*background-color: rgba(193, 179, 179, 0.52);margin-top: 5%;margin-left: 3%;*/
</style>

Answer 1

将overflow: auto;添加到它将滚动的容器类

.container{position:relative;float:left; overflow: auto;}

<强> Demo Here

使用样式控制弹出窗口

1 个答案: