根据页面 滚动到一定位置后 将导航吸顶
导航上面 两个view的高度要获取到
<view id='search_model'>搜索</view>
<view id='headerPanel'>banner</view>
<view :style="{position:scrollTop<bannerHeight?'absolute':'fixed'}">导航</view>
export default {
data(){
return{
bannerHeight :0,
scrollTop:0
}
},
onLoad(){
const query = uni.createSelectorQuery();
query.select('#headerPanel').boundingClientRect(data => {
this.bannerHeight = data.height;
}).exec();
query.select('#search_model').boundingClientRect(data => {
this.bannerHeight = this.bannerHeight+data.height;
}).exec();
},
//监听滚动条
onPageScroll(e){
this.scrollTop = e.scrollTop;
}
}