nested-scroll-header.md 1.3 KB
Newer Older
1 2
## nested-scroll-header

3 4 5 6 7 8
<!-- UTSCOMJSON.nested-scroll-header.description -->

<!-- UTSCOMJSON.nested-scroll-header.attribute -->

<!-- UTSCOMJSON.nested-scroll-header.event -->

9 10
### 使用场景

shutao-dc's avatar
shutao-dc 已提交
11
scroll-view 嵌套场景中。外层 scroll-view 滚动时无法与内层 scroll-view 滚动衔接连贯滚动,因此提供`nested-scroll-header`节点,存放除内层 scroll-view 以外的内容节点。`nested-scroll-body`内部 scroll-view 滚动时会检测`nested-scroll-header`节点滚动位置,约束内层 scroll-view 滚动逻辑,实现嵌套模式下衔接连贯滚动。开发者只需将外层要显示内容节点放置`nested-scroll-header`节点内即可。具体用法请参考[scroll-view嵌套模式](https://doc.dcloud.net.cn/uni-app-x/component/scroll-view.html#nested-scroll-view)
shutao-dc's avatar
shutao-dc 已提交
12 13 14 15 16 17

**注意**

+ `nested-scroll-header` 组件不支持css, 排版需求要交给子节点实现
+ `nested-scroll-header` 组件不支持复数子节点,渲染时会取其第一个子节点来渲染
+ `nested-scroll-header` 组件只能渲染在 `nested-scroll-body`组件上面
18

19 20 21 22 23 24 25
<!-- UTSCOMJSON.nested-scroll-header.compatibility -->

<!-- UTSCOMJSON.nested-scroll-header.children -->

<!-- UTSCOMJSON.nested-scroll-header.example -->

<!-- UTSCOMJSON.nested-scroll-header.reference -->