以嵌套滚动方式显示信息的方法及计算设备技术

技术编号:40318015 阅读:24 留言:0更新日期:2024-02-07 21:00
本申请提供以嵌套滚动方式显示信息的方法及计算设备。所述方法应用于交互界面的父容器以及位于所述父容器内彼此邻接的用于加载和显示信息的至少一个滑动子容器,所述父容器包括用于使信息可见的可视窗口,所述至少一个滑动子容器的高度均为所述可视窗口的高度,所述方法包括:在当前滑动子容器可滑动且完全位于所述可视窗口内时,将滚动分配至所述当前滑动子容器,直至所述当前滑动子容器滑至末端;在所述当前滑动子容器滑至末端后,所述父容器接管滑动事件从而滑动自身,直至滑动方向上的相邻滑动子容器到达所述可视窗口的端部。根据本申请的技术方案可解决移动端多个滚动容器嵌套滚动的问题。

【技术实现步骤摘要】

本专利技术涉及计算机,具体涉及一种以嵌套滚动方式显示信息的方法及计算设备


技术介绍

1、很多app内容页面渲染方式为混合渲染方式,其既包含移动端原生的渲染部分,也包含webview的渲染部分。当页面需要从原生的滚动容器下滑至webview时,一般通过下滑动画的形式来过渡,以规避嵌套滚动问题的出现。然而,通过下滑动画的形式过渡过程中,存在明显的卡顿现象,用户体验较差。

2、为此,需要一种技术方案,能够解决当移动端复杂交互页面存在多个可滚动视图且滚动视图相互嵌套时滚动手势存在的冲突问题。


技术实现思路

1、本申请旨在提供一种以嵌套滚动方式显示信息的方法及计算设备,能够解决多个滚动容器嵌套滚动问题。

2、根据本申请的一方面,提供一种以嵌套滚动方式显示信息的方法,所述方法应用于交互界面的父容器以及位于所述父容器内彼此邻接的用于加载和显示信息的至少一个滑动子容器,所述父容器包括用于使信息可见的可视窗口,所述至少一个滑动子容器的高度均为所述可视窗口的高度,所述方法包括:>

3、在当前滑本文档来自技高网...

【技术保护点】

1.一种以嵌套滚动方式显示信息的方法,其特征在于,所述方法应用于交互界面的父容器以及位于所述父容器内彼此邻接的用于加载和显示信息的至少一个滑动子容器,所述父容器包括用于使信息可见的可视窗口,所述至少一个滑动子容器的高度均为所述可视窗口的高度,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,在所述当前滑动子容器接收到滑动一段距离的请求后,所述父容器在所述当前滑动子容器处理所述请求之后和处理所述请求之后对所述请求进行响应。

3.根据权利要求2所述的方法,其特征在于,

4.根据权利要求1所述的方法,其特征在于,还包括:

<p>5.根据权利要求...

【技术特征摘要】

1.一种以嵌套滚动方式显示信息的方法,其特征在于,所述方法应用于交互界面的父容器以及位于所述父容器内彼此邻接的用于加载和显示信息的至少一个滑动子容器,所述父容器包括用于使信息可见的可视窗口,所述至少一个滑动子容器的高度均为所述可视窗口的高度,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,在所述当前滑动子容器接收到滑动一段距离的请求后,所述父容器在所述当前滑动子容器处理所述请求之后和处理所述请求之后对所述请求进行响应。

3.根据权利要求2所述的方法,其特征在于,

4...

【专利技术属性】
技术研发人员:王小龙徐冬苏姚尧
申请(专利权)人:阿里巴巴中国网络技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1