Javascript iframe内的滚动条不工作-zindex问题

Javascript iframe内的滚动条不工作-zindex问题,javascript,html,css,Javascript,Html,Css,有关基本示例,请参见(原始解决方案要复杂得多)。问题是我无法在iframe中滚动div,因为主页顶部有另一个div。有没有很好的方法来解决这个问题(理想情况下不需要处理javascript事件) 是,您可以添加指针事件:无样式到您的div元素 <html> <body style="overflow:hidden;"> <div style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;ba

有关基本示例,请参见(原始解决方案要复杂得多)。问题是我无法在iframe中滚动div,因为主页顶部有另一个div。有没有很好的方法来解决这个问题(理想情况下不需要处理javascript事件)


是,您可以添加
指针事件:无样式到您的div元素

<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>