Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
54da9585
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
85
Star
0
Fork
16
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
2
列表
看板
标记
里程碑
合并请求
12
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
2
Issue
2
列表
看板
标记
里程碑
合并请求
12
合并请求
12
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
54da9585
编写于
4月 01, 2024
作者:
shutao-dc
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
更新nested-scroll相关描述
上级
7a20be53
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
16 addition
and
3 deletion
+16
-3
docs/component/nested-scroll-body.md
docs/component/nested-scroll-body.md
+8
-1
docs/component/nested-scroll-header.md
docs/component/nested-scroll-header.md
+7
-1
docs/component/scroll-view.md
docs/component/scroll-view.md
+1
-1
未找到文件。
docs/component/nested-scroll-body.md
浏览文件 @
54da9585
...
...
@@ -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 -->
...
...
docs/component/nested-scroll-header.md
浏览文件 @
54da9585
...
...
@@ -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 -->
...
...
docs/component/scroll-view.md
浏览文件 @
54da9585
...
...
@@ -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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录