请问怎么监听嵌入的ifream页面在父元素中滚动?

image.png
如图 做一个类似淘宝物流的页面,需求是向上滑动地图的时候下面的物流单动态自动收起。 地图是内嵌的iframe,项目基于vue2.x
碰到的问题是给iframe和父元素加上ref都监听不到滚动

最佳答案

iframe只是一个容器,你应该监听的是内部的window的scroll事件

methods: {
    onLoad(e) {
        e.target.contentWindow.onscroll = () => {
            // ...dosomething
        }
    }
}