問題

在當前版本 vant weapp 組件庫中，sticky 組件 offsetTop 屬性類型為 number，單位默認為 px 且無法更改，而小程序默認單位是 rpx。這導致在一些場景下，如 sticky 的元素與頂部須保留一定距離，無法直接設置 offsetTop。

解決

通過小程序 API 獲取元素高度，動態設置 offsetTop，達到適配目的。

<van-sticky offset-top="{{offsetTop}}">

setOffsetTop() {
  wx.createSelectorQuery()
    .select('.banner')
    .fields(
      { size: true },
      ({ height }) => this.setData({ offsetTop: height })
    )
    .exec()
}

如果在自定義組件中，使用 this.createSelectorQuery() 代替 wx.createSelectorQuery()。