提交 54da9585 编写于 作者: shutao-dc's avatar shutao-dc

更新nested-scroll相关描述

上级 7a20be53
......@@ -8,7 +8,14 @@
### 使用场景
scroll-view 嵌套场景中。内层滚动 scroll-view 无法与外层 scroll-view 滚动衔接,无法实现嵌套滚动连贯效果。因此提供`nested-scroll-body`节点,存放外层滚动到底可显示内容节点。`nested-scroll-body`会与外层 scroll-view 衔接滚动逻辑实现连贯滚动。开发者只需将内层滚动节点放置`nested-scroll-body`节点内即可。
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.compatibility -->
......
......@@ -8,7 +8,13 @@
### 使用场景
scroll-view 嵌套场景中。外层滚动 scroll-view 无法与内层 scroll-view 滚动衔接,内层 scroll-view 滚动时无法确定外层 scroll-view 滚动到哪里处理嵌套滚动。因此提供`nested-scroll-header`节点,存放外层 scroll-view 可被向下滑动出去的内容节点。内层 scroll-view 滚动会检测`nested-scroll-header`节点滚动位置实现约束内层 scroll-view 滚动逻辑。开发者只需将外层可被向下滑动出去的内容节点放置`nested-scroll-header`节点内即可。
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.compatibility -->
......
......@@ -63,7 +63,7 @@
**嵌套滚动策略:**
当向下滚动时,先滚动外层 scroll-view 再滚动里层 scroll-view;当向上滚动时,先滚动里层 scroll-view 再滚动外层 scroll-view
当向下滚动时,先滚动外层 scroll-view 再滚动内层 scroll-view;当向上滚动时,先滚动内层 scroll-view 再滚动外层 scroll-view
**注意事项:**
+ 4.11版本开始支持嵌套模式
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册