有关基本示例，请参阅http://plnkr.co/edit/hPyYUCBYvWguyNniCexk?p=preview（原始解决方案要复杂得多）。问题是我无法在iframe中滚动div，因为主页面上有另一个div。有没有一种很好的方法来解决这个问题（理想情况下没有处理javascript事件）？
<html>
<body style="overflow:hidden;">
<div style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;background-color: rgba(255,255,255,0.01);">
</div>
<iframe src="main.html" style="width:100%;height:100%">
</iframe>
</body>
</html>
<html>
<body>
<div style="overflow:auto;position:absolute;top:0;left:0;height:2000px;width:2000px">
</div>
<div style="position:absolute;top:0;left:0;right:0;bottom:0;background-color:green;z-index:2;">
</div>
</body>
</html>
答案 0 :(得分：1)
是的，您可以为div元素添加pointer-events: none;样式。