sticky-header 组件兼容 webview 模式
发布于 2 年前 作者 dshi 1333 次浏览 来自 分享

组件文档:https://developers.weixin.qq.com/miniprogram/dev/component/sticky-header.html

sticky-header 仅 skyline 模式支持。在 webview 模式中,可以看作 view 来渲染,注意要加上 display: flex。

例如:

<sticky-header class="sticky-header">
  <!-- 需要 sticky 定位的元素  -->
</sticky-header>
// wxss
.sticky-header {
  display: flex;
  position: sticky;
  left: 0;
  top: 0;
  flex-direction: column;
}
回到顶部