小程序自定义导航后u-sticky吸顶失效

小白兔12345678

已于 2025-02-19 16:30:03 修改

阅读量1k

点赞数 3

文章标签：小程序

于 2024-07-17 19:08:41 首次发布

本文链接：https://blog.youkuaiyun.com/m0_58373910/article/details/140503182

版权

//:enable="true" :offset-top="offsetHeight"

 <u-sticky :enable="true" :offset-top="offsetHeight">
        <u-tabs class="" :list="tabsList" item-width="370rpx" active-color="#652906" :is-scroll="true" :current="current" @change="change">
        </u-tabs>
      </u-sticky>


 onLoad (option) {

    uni.getSystemInfo({
      success: (e) => {
        // #ifdef MP-WEIXIN
        let custom = uni.getMenuButtonBoundingClientRect();
        this.offsetHeight = custom.bottom + custom.top - e.statusBarHeight + 68;
        // #endif
        console.log('height', this.offsetHeight)
      },
    });
  },

//css (如果吸上去掉不下来,加这段代码,正常的话就不需要加了)
::v-deep .u-sticky {
  z-index: 999 !important;
  position: sticky;
  left: 0;
}