解决内嵌地图(convas元素)与父元素同时滚动问题

首先使用dom的addEventListener方法添加监听whell事件,然后在第三个参数中设置passive为 false,目的是修改此事件为主动监听:

convas.addEventListener("wheel",handler,{passive: false})

在子元素中的事件回调函数(hanlerl)中加event.preventDefault(),添加此语句目的是阻止事件冒泡;如果监听不到convas元素事件,则其z-index堆叠顺序,将其浮动至最高层。

posted @ 2022-08-15 11:43  wer乐园  阅读(45)  评论(0)    收藏  举报