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

scrollbar inside iframe not working - zindex issue

本文关键字：工作 -zindex 问题 滚动条 iframe      更新时间：2023-09-26

请参阅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>

是的，您可以将pointer-events: none;样式添加到div元素中。

相关文章：