sticky-header 组件兼容 webview 模式

发布于 3 年前作者 dshi1595 次浏览最后编辑 3 年前来自 share

组件文档: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;
}
0 回复
暂无回复