uniapp导航栏h5

导航栏通过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;
    }

获取整个屏幕的高度

position: sticky;
top:0;
当该元素距离顶部为0时，悬浮顶部。