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

Question

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

<div class="track" @click="handle" ref="track">
      <iframe :src="info.trailUrl" frameborder="0" ref="map"></iframe>
    </div>
    <div

Answer 1

iframe只是一个容器，你应该监听的是内部的window的scroll事件
<iframe :src="info.trailUrl" @load="onLoad" />

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