页面内容定位显示方法、装置、计算设备及存储介质与流程

专利2026-02-17  4


本发明涉及互联网,尤其涉及一种页面内容定位显示方法、页面内容定位显示装置、计算设备及存储介质。


背景技术:

1、响应式布局可以通过媒体查询方案,为浏览器在不同尺寸屏幕上显示界面提供舒适和个性化的用户体验。现有的响应式布局方案,无法为具有翻页逻辑的页面提供准确的内容定位功能。为解决此问题,使用了路由技术与媒体查询相结合的技术方案,在路由中传入分页参数(page)用于定位需要显示的页码。采用这种方案,因屏幕尺寸差异会导致不同屏幕上的页面中显示的内容元素个数不同,这就会导致在不同屏幕上显示的每一页的内容大相径庭。

2、为此,需要一种页面内容定位显示方法,以解决上述技术方案中存在的问题。


技术实现思路

1、为此,本发明提供一种页面内容定位显示方法和页面内容定位显示装置,以解决或至少缓解上面存在的问题。

2、根据本发明的一个方面,提供一种页面内容定位显示方法,在客户端执行,所述页面内容包括多个内容元素,且适于显示在客户端的页面显示区域,所述方法包括:响应于加载页面或翻转页面的操作,获取页数参数和每页元素个数参数;根据所述页数参数和每页元素个数参数,计算当前页面中的第一个内容元素的索引值,以便根据所述索引值对所述第一个内容元素进行定位;响应于页面显示区域尺寸改变,确定新的页面显示区域尺寸对应的新的每页元素个数参数;在新的页面显示区域,将所述索引值对应的第一个内容元素前置显示,并根据所述新的每页元素个数参数,在所述第一个内容元素之后显示相应个数的内容元素。

3、可选地,在根据本发明的页面内容定位显示方法中,根据以下公式,计算当前页面中第一个内容元素的索引值:(page-1)*size+1;其中,page为页数参数,size为每页元素个数参数。

4、可选地,在根据本发明的页面内容定位显示方法中,获取页数参数和每页元素个数参数,包括:从页面路由中获取页数参数和每页元素个数参数。

5、可选地,在根据本发明的页面内容定位显示方法中,还包括:预先将所述页数参数和每页元素个数参数保存在页面路由中。

6、可选地,在根据本发明的页面内容定位显示方法中,所述页面显示区域为浏览器显示窗口;响应于页面显示区域尺寸改变,包括:响应于对浏览器显示窗口的缩放操作。

7、可选地,在根据本发明的页面内容定位显示方法中,所述客户端包括屏幕显示区域;响应于页面显示区域尺寸改变,包括:响应于屏幕显示区域尺寸改变。

8、可选地,在根据本发明的页面内容定位显示方法中,所述客户端包括浏览器,所述方法适于在所述浏览器中执行。

9、根据本发明的一个方面,提供一种页面内容定位显示装置,部署在客户端,所述页面内容包括多个内容元素,且适于显示在客户端的页面显示区域,所述方法包括:获取模块,适于响应于加载页面或翻转页面的操作,获取页数参数和每页元素个数参数;计算模块,适于根据所述页数参数和每页元素个数参数,计算当前页面中的第一个内容元素的索引值,以便根据所述索引值对所述第一个内容元素进行定位;确定模块,适于响应于页面显示区域尺寸改变,确定新的页面显示区域尺寸对应的新的每页元素个数参数;定位模块,适于在新的页面显示区域,将所述索引值对应的第一个内容元素前置显示,并根据所述新的每页元素个数参数,在所述第一个内容元素之后显示相应个数的内容元素。

10、根据本发明的一个方面,提供一种计算设备,包括:至少一个处理器;存储器,存储有程序指令,其中,程序指令被配置为适于由上述至少一个处理器执行,所述程序指令包括用于执行如上所述的页面内容定位显示方法的指令。

11、根据本发明的一个方面,提供一种存储有程序指令的可读存储介质,当该程序指令被计算设备读取并执行时,使得该计算设备执行如上所述的页面内容定位显示方法。

12、根据本发明的技术方案,提供了一种页面内容定位显示方法,可以响应于加载页面或翻转页面的操作,获取页数参数和每页元素个数参数,根据页数参数和每页元素个数参数,计算当前页面中的第一个内容元素的索引值,以便根据索引值对第一个内容元素进行定位。当页面显示区域尺寸改变时,确定新的页面显示区域尺寸对应的新的每页元素个数参数,在新的页面显示区域,将上述索引值对应的第一个内容元素前置显示,并根据新的每页元素个数参数,在第一个内容元素之后显示相应个数的内容元素。这样,在页面显示区域改变后,相对于页面显示区域尺寸改变之前,能保证显示在页面中的第一个内容元素以及位于第一个内容元素之后的若干个内容元素保持不变。可见,根据本发明的技术方案,实现了在页面显示区域尺寸改变时对页面前部分内容的精确定位显示,无论页面显示区域尺寸如何改变,能实现始终保持页面的前部分内容统一。具体地,无论是用户更换终端设备而导致屏幕显示区域改变,还是用户对浏览器显示窗口进行缩放操作,均可以保证页面的前部分内容保持统一,从而提升了用户体验。

13、上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。



技术特征:

1.一种页面内容定位显示方法,在客户端执行,所述页面内容包括多个内容元素,且适于显示在客户端的页面显示区域,所述方法包括:

2.如权利要求1所述的方法,其中,根据以下公式,计算当前页面中第一个内容元素的索引值:

3.如权利要求1或2所述的方法,其中,获取页数参数和每页元素个数参数,包括:

4.如权利要求3所述的方法,其中,还包括:

5.如权利要求1-4中任一项所述的方法,其中,所述页面显示区域为浏览器显示窗口;响应于页面显示区域尺寸改变,包括:

6.如权利要求1-4中任一项所述的方法,其中,所述客户端包括屏幕显示区域;响应于页面显示区域尺寸改变,包括:

7.如权利要求1-6中任一项所述的方法,其中,所述客户端包括浏览器,所述方法适于在所述浏览器中执行。

8.一种页面内容定位显示装置,部署在客户端,所述页面内容包括多个内容元素,且适于显示在客户端的页面显示区域,所述方法包括:

9.一种计算设备,包括:

10.一种存储有程序指令的可读存储介质,当所述程序指令被计算设备读取并执行时,使得所述计算设备执行如权利要求1-7中任一项所述方法。


技术总结
本发明公开了一种页面内容定位显示方法、装置、计算设备及存储介质,涉及互联网技术领域。方法包括:响应于加载页面或翻转页面的操作,获取页数参数和每页元素个数参数;根据页数参数和每页元素个数参数,计算当前页面中的第一个内容元素的索引值,以便根据索引值对第一个内容元素进行定位;响应于页面显示区域尺寸改变,确定新的页面显示区域尺寸对应的新的每页元素个数参数;在新的页面显示区域,将索引值对应的第一个内容元素前置显示,并根据新的每页元素个数参数,在第一个内容元素之后显示相应个数的内容元素。根据本发明的技术方案,实现了在页面显示区域尺寸改变时对页面前部分内容的精确定位显示,始终保持页面前部分内容统一。

技术研发人员:蔡超
受保护的技术使用者:北京车智慧信息技术有限公司
技术研发日:
技术公布日:2024/12/17
转载请注明原文地址:https://xbbs.6miu.com/read-29852.html