提交 d9a028b8 编写于 作者: D DCloud_LXH

feat: 合并 nested-scroll 文档

上级 c06784a9
......@@ -3,6 +3,7 @@
* 内置组件```{"collapsable": false}```
* [view](view.md)
* [scroll-view](scroll-view.md)
* [nested-scroll](nested-scroll.md)
* [list-view](list-view.md)
* [sticky](sticky.md)
* [swiper](swiper.md)
......@@ -23,7 +24,5 @@
* [video](video.md)
* [web-view](web-view.md)
* [animation-view](animation-view.md)
* [unicloud-db](unicloud-db.md)
* [nested-scroll-header](nested-scroll-header.md)
* [nested-scroll-body](nested-scroll-body.md)
* [其他组件](unsupport.md)
\ No newline at end of file
* [unicloud-db](unicloud-db.md)
* [其他组件](unsupport.md)
## nested-scroll-body
<!-- UTSCOMJSON.nested-scroll-body.description -->
<!-- UTSCOMJSON.nested-scroll-body.compatibility -->
<!-- UTSCOMJSON.nested-scroll-body.attribute -->
<!-- UTSCOMJSON.nested-scroll-body.event -->
<!-- UTSCOMJSON.nested-scroll-body.component_type-->
### 使用场景
scroll-view 嵌套场景中。内层 scroll-view 滚动时无法与外层 scroll-view 滚动衔接,无法实现嵌套滚动连贯效果。因此提供`nested-scroll-body`节点,存放内层 scroll-view 节点。`nested-scroll-body`会与外层`nested-scroll-header`衔接滚动逻辑实现连贯滚动。开发者只需将内层滚动节点放置`nested-scroll-body`节点内即可。具体用法请参考[scroll-view嵌套模式](https://doc.dcloud.net.cn/uni-app-x/component/scroll-view.html#nested-scroll-view)
**注意**
+ `nested-scroll-body` 组件不支持css, 排版需求要交给子节点实现
+ `nested-scroll-body` 组件不支持复数子节点,渲染时会取其第一个子节点来渲染
+ `nested-scroll-body` 组件只能渲染在 `nested-scroll-header`组件下面
+ 外层 scroll-view 的子节点中只能有一个 `nested-scroll-body`
<!-- UTSCOMJSON.nested-scroll-body.children -->
<!-- UTSCOMJSON.nested-scroll-body.example -->
<!-- UTSCOMJSON.nested-scroll-body.reference -->
文档已迁移,请前往[nested-scroll](./nested-scroll.md)查看最新文档
## nested-scroll-header
<!-- UTSCOMJSON.nested-scroll-header.description -->
<!-- UTSCOMJSON.nested-scroll-header.compatibility -->
<!-- UTSCOMJSON.nested-scroll-header.attribute -->
<!-- UTSCOMJSON.nested-scroll-header.event -->
<!-- UTSCOMJSON.nested-scroll-header.component_type-->
### 使用场景
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)
**注意**
+ `nested-scroll-header` 组件不支持css, 排版需求要交给子节点实现
+ `nested-scroll-header` 组件不支持复数子节点,渲染时会取其第一个子节点来渲染
+ `nested-scroll-header` 组件只能渲染在 `nested-scroll-body`组件上面
<!-- UTSCOMJSON.nested-scroll-header.children -->
<!-- UTSCOMJSON.nested-scroll-header.example -->
<!-- UTSCOMJSON.nested-scroll-header.reference -->
文档已迁移,请前往[nested-scroll](./nested-scroll.md)查看最新文档
## nested-scroll-header
<!-- UTSCOMJSON.nested-scroll-header.description -->
<!-- UTSCOMJSON.nested-scroll-header.compatibility -->
<!-- UTSCOMJSON.nested-scroll-header.attribute -->
<!-- UTSCOMJSON.nested-scroll-header.event -->
<!-- UTSCOMJSON.nested-scroll-header.component_type-->
### 使用场景
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)
**注意**
+ `nested-scroll-header` 组件不支持css, 排版需求要交给子节点实现
+ `nested-scroll-header` 组件不支持复数子节点,渲染时会取其第一个子节点来渲染
+ `nested-scroll-header` 组件只能渲染在 `nested-scroll-body`组件上面
<!-- UTSCOMJSON.nested-scroll-header.children -->
<!-- UTSCOMJSON.nested-scroll-header.example -->
<!-- UTSCOMJSON.nested-scroll-header.reference -->
## nested-scroll-body
<!-- UTSCOMJSON.nested-scroll-body.description -->
<!-- UTSCOMJSON.nested-scroll-body.compatibility -->
<!-- UTSCOMJSON.nested-scroll-body.attribute -->
<!-- UTSCOMJSON.nested-scroll-body.event -->
<!-- UTSCOMJSON.nested-scroll-body.component_type-->
### 使用场景
scroll-view 嵌套场景中。内层 scroll-view 滚动时无法与外层 scroll-view 滚动衔接,无法实现嵌套滚动连贯效果。因此提供`nested-scroll-body`节点,存放内层 scroll-view 节点。`nested-scroll-body`会与外层`nested-scroll-header`衔接滚动逻辑实现连贯滚动。开发者只需将内层滚动节点放置`nested-scroll-body`节点内即可。具体用法请参考[scroll-view嵌套模式](https://doc.dcloud.net.cn/uni-app-x/component/scroll-view.html#nested-scroll-view)
**注意**
+ `nested-scroll-body` 组件不支持css, 排版需求要交给子节点实现
+ `nested-scroll-body` 组件不支持复数子节点,渲染时会取其第一个子节点来渲染
+ `nested-scroll-body` 组件只能渲染在 `nested-scroll-header`组件下面
+ 外层 scroll-view 的子节点中只能有一个 `nested-scroll-body`
<!-- UTSCOMJSON.nested-scroll-body.children -->
<!-- UTSCOMJSON.nested-scroll-body.example -->
<!-- UTSCOMJSON.nested-scroll-body.reference -->
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册