...不限制iframe内的滚动或需要专门命名可滚动元素。
我有一个类似谷歌地图的小部件,可以以iframe嵌入式代码的形式嵌入第三方网站。当人们在我的小部件上使用鼠标滚轮时,我只希望小部件的内容滚动而不是父页面。
我的问题类似于 How to prevent page scrolling when scrolling a DIV element? ,但我的问题是我的ifrmae包含多个元素,包括必须继续监听鼠标滚轮事件的媒体和画布。 TLDR解决方案使用 e.preventDefault()并手动更新iframe中应保持可滚动的所有元素的 scrollTop 属性是不切实际的,容易出错且依赖于非-standard wheelDelta 属性。
Here is a JS Bin为了您的方便。谢谢。