导航栏通过position放置在一个view的底部,导航栏上滑到顶部时,要将导航栏固定在顶部,目前我利用onPageScroll得到滚动得高度,目前我是将从onPageScroll中得到的高度小于一个固定值之后就将导航栏固定,但是,我发现不同机型到达导航栏得距离是不一样得,请问有什么解决方式吗
onPageScroll(obj) {
this.top = obj.scrollTop
console.log(this.top, "obj")
},
<view :class="top < 168?'topTab':'scroll'"> //导航栏样式,168来源于导航栏固定时高度会增加20px, 356upx/2-10
.scroll {
position: fixed;
top: 0upx;
width: 100%;
height: 134upx;
display: flex;
justify-content: space-around;
background-color: #000;
align-items: center;
z-index: 9999;
}
.topTab {
position: absolute;
// bottom: 0;
top: 356upx;
width: 100%;
height: 94rpx;
display: flex;
justify-content: space-around;
background-color: #000;
align-items: center;
z-index: 9999;
}