<template>
<view class="page">
<view class="status-bar"></view>
<waterfall class="waterfall" column-count="1">
<cell> ============= </cell>
<cell> ============= </cell>
<cell> ============= </cell>
<cell> ============= </cell>
<cell> ============= </cell>
<header> top header </header>
<cell v-for="i in 50">
<view> ======{{i}}=======</view>
</cell>
</waterfall>
</view>
</template>
<script></script>
<style>
.page {
flex: 1;
}
.waterfall {
flex: 1;
width: 750rpx;
border-style: solid;
border-color: #09BB07;
border-width: 2px;
}
.status-bar {
width: 750rpx;
height: 40px;
background-color: #007AFF;
}
</style>
祝三枝
- 发布：2020-08-24 20:05
- 更新：2020-08-25 17:20
- 阅读：798
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10 home
HBuilderX类型： 正式
HBuilderX版本号： 2.8.8
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： 荣耀30S
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
waterfall 内部使用 header 组件
waterfall 内部使用 header 组件
预期结果：
waterfall 内部使用 header 组件可以吸顶
waterfall 内部使用 header 组件可以吸顶
实际结果：
waterfall 内部使用 header 组件并不能吸顶，把waterfall 换成list 就可以
waterfall 内部使用 header 组件并不能吸顶，把waterfall 换成list 就可以
bug描述：
waterfall 内部使用 header 组件并不能吸顶，把waterfall 换成list 就可以
令问 waterfall 官方文档 appear事件 怎么用，不生效
祝三枝 (作者)
谢谢大佬
2020-08-25 20:37
3***@qq.com
怎么做到同时两个header都吸顶，一个在上，一个在下
2020-11-19 20:41
QLing
回复 3***@qq.com: 大佬我最近也在实现这个请问大佬怎么解决的
2022-01-30 10:28