请问怎么监听嵌入的ifream页面在父元素中滚动？_编程技术网-程序员技术内容聚合平台

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

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

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

###

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

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