核心思想:
监听滚动条,实时监听原有导航栏的位置,如果到达临界点(临界点这个东西要看项目的具体需求),显示悬浮的tab,反之隐藏tab
onPageScroll(){
if (query) {
query.select('.query_nav_box').boundingClientRect(res => {
// 判断 如果 状态栏高度 + 搜索栏高度 - 导航栏高度 > 橱窗高度 设置显示新橱窗标题
if ((that.data.statusBarHeight + 42) > res.top && !that.data.isTop) {
that.setData({
isTop: true,
})
} else if (that.data.isTop && (that.data.statusBarHeight + 42) < res.top) {
that.setData({
isTop: false,
})
}
}).exec()
}
}