使用从iframe到父级的滚动事件进行水平滚动

时间:2019-11-30 23:06:53

标签: javascript iframe mouseevent vimeo mousewheel

我想使用iframe中的scroll事件来水平滚动父页面。我知道这种情况下会涉及到跨域问题,但是当父页面可以滚动时,iframe会触发滚动事件。

在控制台中使用monitorEvents()还可以确认iframe会窃取所有鼠标事件,但在使用鼠标滚轮且父页面可垂直滚动时确实会传播滚动事件。

我在想以下解决方案:

  1. 给身体很大的高度,使其始终可以垂直滚动。
  2. 在滚动事件上设置e.preventDefault。
  3. 隐藏垂直滚动条。
  4. 然后将滚动事件传递到水平滚动器。

不是很优雅,但是也许可以。欢迎任何建议!

编辑-

滚动事件不能使用preventDefault,因此现在页面可以水平和垂直滚动。

0 个答案:

没有答案