禁止嵌入页面上下滚动但保留鼠标功能：代码修改及注意事项

要禁止嵌入页面的上下滚动但保留鼠标功能，可以通过CSS和JavaScript配合实现。以下是修改后的代码： ```html <div style="margin-top: -0px; margin-left: -0px; position: relative;"> <iframe style="pointer-events: none; width: 100%; height: 99%;" id="mapIframe" name="mapIframe" src="http://hot.icfqs.com:7615/site/tdx-pc-bk-pages/page-ailtxb.html?color=0&bkcolor=000000" marginwidth="0" marginheight="0" border="0" frameborder="0" scrolling="no" ></iframe> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;"></div> </div> <script> document.getElementById('mapIframe').contentWindow.document.addEventListener('wheel', function(e) { e.preventDefault(); }, { passive: false }); </script> ``` 关键修改点： 1. 添加了`scrolling="no"`属性禁止iframe滚动条 2. 用绝对定位的透明div覆盖iframe实现鼠标穿透 3. JavaScript阻止iframe内部的wheel事件 三条额外注意事项： 1. 跨域限制可能导致JavaScript部分失效，需确保域名权限 2. 透明覆盖层会拦截所有iframe鼠标事件，需根据实际需求调整 3. 不同浏览器对wheel事件的处理可能有差异，需测试兼容性 ######[AI写代码神器 | 346点数解答 | 2025-06-19 22:12:13]