【发布时间】：2022-12-18 12:27:11
【问题描述】：
我有一个可以访问的嵌入式 MC 地图（蓝图），它使用 IFrame 嵌入到我的主站点中。当鼠标悬停在地图上时滚动缩放地图会缩放地图，但也会同时滚动父页面，这显然是我想避免的。我使用了来自外部站点的 Dynmap（另一个 MC 地图插件），该站点有效并且仅在鼠标悬停时放大。
这是我的 iframe：
<iframe src="https://bluemap.aternix.com/" title="Bluemap" id="bluemapframe"></iframe>
这是我的实时站点，用于演示当前的 Bluemap Iframe： https://aternix.com/mc-server
我已经尝试过 overflow-behavior: contain 和许多 JS 滚动和焦点定位脚本来防止当鼠标悬停在框架上时父文档滚动，但这些都没有用。我希望一些针对 Iframe 的简单 CSS 甚至 Iframe 中的元素（我可以访问它作为其自托管）可以解决问题，但到目前为止没有任何效果。我目前运行香草 JS。
【问题讨论】：
标签： css iframe scroll minecraft