实现网页信息无缝滚动的处理方法、装置、设备及介质制造方法及图纸

本发明专利技术涉及计算机技术领域，提供一种实现网页信息无缝滚动的处理方法、装置、电子设备和存储介质，该方法包括：确定信息容器的高度小于显示容器的高度，对所述信息容器进行加长补全；基于所述显示容器对所述信息容器进行滚动显示；在滚动显示的当前循环中，确定所述显示容器中的信息容器达到底线，再次对所述信息容器进行加长补全；确定所述信息容器中的首个子容器滚动出所述显示容器，将所述首个子容器从所述信息容器中移除，并开始下一循环的滚动显示。本发明专利技术能够支持列表容器宽高不固定时，实现列表的无缝滚动动画效果。实现列表的无缝滚动动画效果。实现列表的无缝滚动动画效果。

【技术实现步骤摘要】
实现网页信息无缝滚动的处理方法、装置、设备及介质


[0001]本专利技术涉及计算机
，尤其涉及一种实现网页信息无缝滚动的处理方法、装置、电子设备和存储介质。

技术介绍

[0002]随着计算机技术的不断发展，常常通过走马灯滚动效果，在有限的页面上呈现更多的内容信息。
[0003]现有的列表无缝滚动技术都是设置列表下每一个容器的宽度或者高度固定，在这个基础上实现列表的无缝滚动动画。但是在实际应用中，难免会出现列表容器的宽度或者高度不固定的情况，比如新闻简讯类推荐列表等，对于此类需求，采用现有的技术无法实现列表的无缝滚动动画效果。

技术实现思路

[0004]基于此，有必要针对上述问题，本专利技术提出了一种实现网页信息无缝滚动的处理方法、装置、电子设备和存储介质，能够对高度不固定的列表实现无缝滚动动画效果。
[0005]本专利技术提出一种实现网页信息无缝滚动的处理方法，包括：
[0006]确定信息容器的高度小于显示容器的高度，对所述信息容器进行加长补全；
[0007]基于所述显示容器对所述信息容器进行滚动显示；
[0008]在滚动显示的当前循环中，确定所述显示容器中的信息容器达到底线，再次对所述信息容器进行加长补全；
[0009]确定所述信息容器中的首个子容器滚动出所述显示容器，将所述首个子容器从所述信息容器中移除，并开始下一循环的滚动显示。
[0010]进一步地，所述确定信息容器的高度小于显示容器的高度，对所述信息容器进行加长补全，包括：
>[0011]确定信息容器的高度小于显示容器的高度，将所述信息容器的首个子容器拷贝至所述信息容器的尾端，以对所述信息容器进行加长补全。
[0012]进一步地，所述基于所述显示容器对所述信息容器进行滚动显示，包括：
[0013]基于预设时间间隔改变所述显示容器与所述信息容器的相对高度，并将所述信息容器中超出所述显示容器的区域进行隐藏，以对所述信息容器进行滚动显示。
[0014]进一步地，所述确定所述显示容器中的信息容器达到底线，包括：
[0015]获取所述显示容器与所述信息容器的相对高度绝对值，若所述显示容器的高度与所述相对高度绝对值的和等于所述信息容器的高度，确定所述显示容器中的信息容器达到底线。
[0016]进一步地，所述再次对所述信息容器进行加长补全，包括：
[0017]将目标子容器拷贝至所述信息容器的尾端，以再次对所述信息容器进行加长补全；其中，所述目标子容器是所述信息容器中与所述首个子容器相邻的下一子容器。
[0018]进一步地，所述确定所述信息容器中的首个子容器滚动出所述显示容器，包括：
[0019]获取所述显示容器与所述信息容器的相对高度绝对值，若所述首个子容器的高度等于所述相对高度绝对值，确定所述信息容器中的首个子容器滚动出所述显示容器。
[0020]进一步地，所述开始下一循环的滚动显示，包括：
[0021]将所述信息容器与所述显示容器的相对高度重置为零，以开始下一循环的滚动显示。
[0022]本专利技术还提出一种实现网页信息无缝滚动的处理装置，包括：
[0023]第一补全模块，用于确定信息容器的高度小于显示容器的高度，对所述信息容器进行加长补全；
[0024]滚动显示模块，用于基于所述显示容器对所述信息容器进行滚动显示；
[0025]第二补全模块，用于在滚动显示的当前循环中，确定所述显示容器中的信息容器达到底线，再次对所述信息容器进行加长补全；
[0026]循环切换模块，用于确定所述信息容器中的首个子容器滚动出所述显示容器，将所述首个子容器从所述信息容器中移除，并开始下一循环的滚动显示。
[0027]本专利技术还提出一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现任一项所述实现网页信息无缝滚动的处理方法。
[0028]本专利技术还提出一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现任一项所述实现网页信息无缝滚动的处理方法。
[0029]采用本专利技术实施例，具有如下有益效果：
[0030]通过在判断信息容器高度小于显示容器高度时对信息容器进行加长补全，以及在滚动显示过程中实时检测到信息容器滚动达到底线时对信息容器进行加长补全，避免了在滚动显示过程中可能出现的断层情况，从而能够对高度不固定的列表实现无缝滚动动画效果。
附图说明
[0031]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0032]图1是本专利技术实施例提供的实现网页信息无缝滚动的处理方法的流程示意图；
[0033]图2是现有技术实现走马灯动画的示意图之一；
[0034]图3是现有技术实现走马灯动画的示意图之二；
[0035]图4是现有技术实现走马灯动画的示意图之三；
[0036]图5是现有技术实现走马灯动画的示意图之四；
[0037]图6是本专利技术实施例提供的列表滚动显示过程出现断层情况的示意图；
[0038]图7是本专利技术实施例提供的断层补全示意图之一；
[0039]图8是本专利技术实施例提供的列表滚动显示的示意图之一；
[0040]图9是本专利技术实施例提供的断层补全示意图之二；
[0041]图10是本专利技术实施例提供的列表滚动显示示意图之二；
[0042]图11是本专利技术实施例提供的实现网页信息无缝滚动的处理装置的结构示意图；
[0043]图12是本专利技术实施例提供的电子设备的结构示意图。
具体实施方式
[0044]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0045]请参见图1，本专利技术提供了一种实现网页信息无缝滚动的处理方法，可以包括步骤：
[0046]S1、确定信息容器的高度小于显示容器的高度，对信息容器进行加长补全；
[0047]S2、基于显示容器对信息容器进行滚动显示；
[0048]S3、在滚动显示的当前循环中，确定显示容器中的信息容器达到底线，再次对信息容器进行加长补全；
[0049]S4、确定信息容器中的首个子容器滚动出显示容器，将首个子容器从信息容器中移除，并开始下一循环的滚动显示。
[0050]在本专利技术实施例中，信息容器指的是用于装载待展示信息的容器，其中包含有多个子容器，且每个子容器的高度可以不相等，具体的子容器高度值可以根据待展示信息中每一条本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种实现网页信息无缝滚动的处理方法，其特征在于，包括：确定信息容器的高度小于显示容器的高度，对所述信息容器进行加长补全；基于所述显示容器对所述信息容器进行滚动显示；在滚动显示的当前循环中，确定所述显示容器中的信息容器达到底线，再次对所述信息容器进行加长补全；确定所述信息容器中的首个子容器滚动出所述显示容器，将所述首个子容器从所述信息容器中移除，并开始下一循环的滚动显示。2.根据权利要求1所述的实现网页信息无缝滚动的处理方法，其特征在于，所述确定信息容器的高度小于显示容器的高度，对所述信息容器进行加长补全，包括：确定信息容器的高度小于显示容器的高度，将所述信息容器的首个子容器拷贝至所述信息容器的尾端，以对所述信息容器进行加长补全。3.根据权利要求1所述的实现网页信息无缝滚动的处理方法，其特征在于，所述基于所述显示容器对所述信息容器进行滚动显示，包括：基于预设时间间隔改变所述显示容器与所述信息容器的相对高度，并将所述信息容器中超出所述显示容器的区域进行隐藏，以对所述信息容器进行滚动显示。4.根据权利要求1所述的实现网页信息无缝滚动的处理方法，其特征在于，所述确定所述显示容器中的信息容器达到底线，包括：获取所述显示容器与所述信息容器的相对高度绝对值，若所述显示容器的高度与所述相对高度绝对值的和等于所述信息容器的高度，确定所述显示容器中的信息容器达到底线。5.根据权利要求1所述的实现网页信息无缝滚动的处理方法，其特征在于，所述再次对所述信息容器进行加长补全，包括：将目标子容器拷贝至所述信息容器的尾端，以再次对所述信息容器进行...

【专利技术属性】
技术研发人员：陈金光，
申请(专利权)人：广东艾矽易信息科技有限公司，
类型：发明
国别省市：