51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

#鸿蒙通关秘籍#如何实现视频卡片和列表区域的联动滚动？

HarmonyOS
银月清辉LAN
2024-12-03 10:19:49
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
雪域传说JWT
雪域传说JWT

为了实现视频卡片和列表区域的联动滚动效果，需要嵌套使用Scroll和List组件，并通过nestedScroll属性配置滚动的优先级顺序。代码中使用了NestedScrollMode.PARENT_FIRST和NestedScrollMode.SELF_FIRST分别在向下与向上滚动时确定父组件和子组件的滚动顺序。

List({ scroller: this.scroller }) {
    ...
}
.nestedScroll({
    scrollForward: NestedScrollMode.PARENT_FIRST,
    scrollBackward: NestedScrollMode.SELF_FIRST
})
分享
微博
QQ
微信
回复
2024-12-03 13:09:20
如何写精华回答，获更多曝光？
发布
相关问题
#鸿蒙通关秘籍# 如何利用HarmonyOS的Scroll和List组件实现视频卡片与列表区域的联动滚动？
740浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何处理滚动时视频的显隐和视频卡片的吸顶效果？
800浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中实现带有多列表和多向滚动联动效果的复杂页面布局？
1084浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何实现HarmonyOS NEXT的多层嵌套滚动联动效果？
1796浏览 • 1回复 待解决
#鸿蒙通关秘籍#在HarmonyOS NEXT中如何处理双列表滚动联动实现城市选择功能？
1486浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现一级列表点击联动二级列表？
1170浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何控制列表的滚动位置？
864浏览 • 1回复 待解决
#鸿蒙通关秘籍#在HarmonyOS中实现二级列表滚动联动时常见的性能优化方法有哪些?
951浏览 • 0回复 待解决
滚动视图联动：实现多List联动滚动，横竖向滚动
2715浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中创建垂直和水平滚动的列表？
1467浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在ArkUI中实现列表的滚动事件监听？
1417浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何通过滑动二级列表联动一级列表？
1024浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现鸿蒙卡片定时和定点刷新？
1185浏览 • 1回复 待解决
HarmonyOS 列表视频滚动播放
1276浏览 • 1回复 待解决
#鸿蒙通关秘籍#在HarmonyOS中如何实现评论弹窗的动态联动和手势效果？
1290浏览 • 1回复 待解决
页面和列表嵌套滚动，实现列表吸顶
2695浏览 • 1回复 待解决
HarmonyOS 列表滑动和tabs联动业务需求实现
872浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现卡片FormExtensionAbility
1039浏览 • 1回复 待解决
#鸿蒙通关秘籍#在鸿蒙开发中如何实现列表的折叠和展开功能？
1888浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中为列表添加滚动条和侧边索引栏？
1316浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何创建一个垂直滚动的简单列表？
1102浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙开发中利用缓存优化滚动列表性能？
1443浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙视频播放器中维护播放列表和播放索引？
1374浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中处理列表的滚动超出安全区？
866浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙中实现导航栏与内容页的联动切换？
1173浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
鸿蒙js开发11：鸿蒙的分页滚动列表视图的实现 1回复
鸿蒙js开发10：鸿蒙的滚动宫格列表视图的实现 1回复
如何实现列表项的新增和删除（OpenHarmony） 3回复
五鸿蒙的横向滚动菜单和分组Group列表菜单和fetch请求加载聚合数 0回复
基于webview的嵌套滚动及与ArkUI组件的联动 1回复