吸附效果求解决 --可能是 我技术不到位 不知道什么原因

选项卡贴顶吸附

onPageScroll: function(Object) {  
                if (Object.scrollTop > 291) {  
                    // this.TabsStyle = 'position:sticky;top:60px;float:top;'  
                    this.ListScrolly = true;  
                } else {  
                    // this.TabsStyle = '';  
                    this.ListScrolly = false;  
                }  
}

<scroll-view :scroll-y='ListScrolly' style="width:100%;height:100%;" @scroll="scroll" @scrolltolower="listscrolltolower">

tabs内嵌的 scroll-view 的y滚动也限制以下 要不然里面滚动 外面的无法到顶吸附（px:不会动）

<view id="QS-tabs-box" :class="ListScrolly == true ? 'tabssticky' : 'QS-tabs-box'" :style="TabsStyle">

然后 tabssticky 样式是
.tabssticky{
margin-top: 16upx;
width: 100%;
position: sticky;
top: 0;z-index: 10;
background-color: #FFFFFF;
position:sticky;
top:60px;
}

但是 不同的手机 顶部导航栏不同 不都是 291 怎么办 会有弹跳

而且 吸附的同时 内部的scroll会卡在某一高度 从下面往上面滑动（例如返回顶部的操作）也会卡在这个相同的高度
再次滑动才能上去