首先,需要获取到tabControl(组件名)的offsetTop(offsetTop获取元素到顶部的距离,它可以累加),因为必须知道滚动到多少时, 开始有吸顶效果, 这个时候就需要获取tabControl的offsetTop,但是, 如果直接在mounted中获取tabControl的offsetTop, 那么值是不正确,因此我们西药监听HomeSwiper(轮播图组件)中img的加载完成,在加载完成后, 发出事件, 在Home.vue中, 获取正确的值,但是为了不让HomeSwiper多次发出事件,可以使用isLoad的变量进行状态的记录.
注意: 这里不进行多次调用和debounce的区别
HomeSwiper.vue代码解析:![](https://i-blog.csdnimg.cn/blog_migrate/db9583cc2ffc31dd3f7b2030a94837e9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/32c75ca04286617b556b981c08f92765.png)
Home.vue的代码解析:
效果图:
以上就是移动端吸顶的一个方法⬆