tab位于页面非顶部时需要吸顶:当滚动的距离大于元素距离顶部的距离+元素本身的高度时才会吸顶。
onPageScroll是监听滚动的距离
onPageScroll(e) {
var that = this;
const query = uni.createSelectorQuery().in(that);
query
.select(".tab")
.boundingClientRect((data) => {
if (e.scrollTop > data.top + data.height) {
//当大于距离顶部的高度+元素本身的高度时滚动。
this.fixed = true;
} else {
this.fixed = false;
}
})
.exec();
},