CN112445401B - 文档滑动处理方法、装置及服务器 - Google Patents

Abstract

本公开关于一种文档滑动处理方法、装置及服务器，属于计算机应用技术领域。其中，该处理方法包括：检测到文档分区元素内部的文档出现滑动行为时，获取文档分区元素绑定的滚动事件；触发滚动事件对应的函数从预设的元素配置数据集合中选取文档分区元素对应的配置数据；根据配置数据获取文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度；以及根据可视窗区域高度、滑轮顶部高度和滑轮总高度确定文档滑动至底部，则触发预设的滑动至底部事件。由此，根据这种文档滑动处理方法，仅需一份元素配置数据集合，就可完成不同页面的数据配置，具有开发效率高的优点。

Description

文档滑动处理方法、装置及服务器

技术领域

本公开涉及计算机应用技术领域，尤其涉及一种文档滑动处理方法、装置及服务器。

背景技术

目前，由于页面上展示的内容较多，有些页面的高度可能较长，用户在打开这些页面时，由于设备的显示区域有限，刚开始只能获取部分的页面内容，无法一次性获取全部的页面内容。相关技术中，用户大多可通过向下滑动页面，以获取页面上的其他未展示的内容，关于滑动来获取页面内容的方式，开发人员需要根据不同的页面情况，进行代码编写等开发工作，开发效率较低。

发明内容

本公开提供一种文档滑动处理方法、装置、服务器、存储介质、计算机程序产品，以至少解决相关技术中，文档滑动处理方法开发效率较低的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种文档滑动处理方法，包括：检测到文档分区元素内部的文档出现滑动行为时，获取所述文档分区元素绑定的滚动事件；触发所述滚动事件对应的函数从预设的元素配置数据集合中选取所述文档分区元素对应的配置数据；根据所述配置数据获取所述文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度；以及根据所述可视窗区域高度、滑轮顶部高度和滑轮总高度确定所述文档滑动至底部，则触发预设的滑动至底部事件。

在本公开的一个实施例中，所述根据所述可视窗区域高度、滑轮顶部高度和滑轮总高度确定所述文档滑动至底部，包括：若所述可视窗区域高度和所述滑轮顶部高度的和值大于所述滑轮总高度与预设的高度阈值的差值，则确定所述文档滑动至底部。

在本公开的一个实施例中，所述触发预设的滑动至底部事件，包括：获取所述滑动至底部事件对应的回调函数；以及执行所述回调函数。

在本公开的一个实施例中，所述预设的滑动至底部事件包括：自动加载事件和/或上报打点事件。

在本公开的一个实施例中，检测所述文档分区元素内部的所述文档的滑动行为之前，还包括：在所述文档分区元素内插入一个插槽标签；以及通过所述插槽标签将所述文档放置于文档滑动处理组件内。

根据本公开实施例的第二方面，提供一种文档滑动处理装置，包括：第一获取模块，被配置为执行检测到文档分区元素内部的文档出现滑动行为时，获取所述文档分区元素绑定的滚动事件；数据选取模块，被配置为执行触发所述滚动事件对应的函数从预设的元素配置数据集合中选取所述文档分区元素对应的配置数据；第二获取模块，被配置为执行根据所述配置数据获取所述文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度；以及触发模块，被配置为执行根据所述可视窗区域高度、滑轮顶部高度和滑轮总高度确定所述文档滑动至底部，则触发预设的滑动至底部事件。

在本公开的一个实施例中，所述触发模块，包括：确定单元，被配置为执行若所述可视窗区域高度和所述滑轮顶部高度的和值大于所述滑轮总高度与预设的高度阈值的差值，则确定所述文档滑动至底部。

在本公开的一个实施例中，所述触发模块，还包括：获取单元，被配置为执行获取所述滑动至底部事件对应的回调函数；以及执行单元，被配置为执行所述回调函数。

在本公开的一个实施例中，所述预设的滑动至底部事件包括：自动加载事件和/或上报打点事件。

在本公开的一个实施例中，所述文档滑动处理装置，还包括：插入模块，被配置为执行检测所述文档分区元素内部的所述文档的滑动行为之前，在所述文档分区元素内插入一个插槽标签；以及放置模块，被配置为执行通过所述插槽标签将所述文档放置于文档滑动处理组件内。

根据本公开实施例的第三方面，提供一种服务器，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如前所述的文档滑动处理方法。

根据本公开实施例的第四方面，提供一种存储介质，当所述存储介质中的指令由服务器的处理器执行时，使得服务器能够执行如前所述的文档滑动处理方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，该计算机程序由服务器的处理器执行时，使得服务器能够执行如前所述的文档滑动处理方法。

本公开的实施例提供的技术方案至少带来以下有益效果：能够从元素配置数据集合中获取文档分区元素的配置数据，之后可获取并根据文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度确定文档滑动至底部，进而触发滑动至底部事件，相较于相关技术中根据不同的页面，重复进行滑动至底部相关的开发工作，该方法仅需一份元素配置数据集合，就可完成不同页面的数据配置，具有开发效率高的优点。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种文档滑动处理方法的流程图。

图2是根据一示例性实施例示出的一种文档滑动处理方法中可视窗区域高度、滑轮顶部高度和滑轮总高度的示意图。

图3是根据一示例性实施例示出的一种文档滑动处理装置框图。

图4是根据一示例性实施例示出的另一种文档滑动处理装置框图。

图5是根据一示例性实施例示出的一种服务器的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种文档滑动处理方法的流程图，如图1所示，该文档滑动处理方法用于服务器中，包括以下步骤。

在步骤S101中，检测到文档分区元素内部的文档出现滑动行为时，获取文档分区元素绑定的滚动事件。

需要说明的是，本公开的文档滑动处理方法的执行主体为服务器。本公开实施例的文档滑动处理方法可以由本公开实施例的文档滑动处理装置执行，本公开实施例的文档滑动处理装置可以配置在任意服务器中，以执行本公开实施例的文档滑动处理方法。

本公开的实施例中，文档分区元素内部的文档可为超文本标记语言(Hyper TextMark-up Language，HTML)文档，例如，可为HTML列表。可以理解的是，可预先建立多个文档分区元素，不同的文档分区元素内部的文档可不同。

本公开的实施例中，可预先为文档分区元素绑定滚动事件，该滚动事件用于检测文档是否滑动至底部。当检测到文档分区元素内部的文档出现滑动行为时，表明当前文档有可能滑动至底部，则可获取文档分区元素绑定的滚动事件，以检测文档是否滑动至底部。

反之，当未检测到文档分区元素内部的文档出现滑动行为时，表明当前文档不可能滑动至底部，进而也不需要获取文档分区元素绑定的滚动事件。

在步骤S102中，触发滚动事件对应的函数从预设的元素配置数据集合中选取文档分区元素对应的配置数据。

本公开的实施例中，用户可根据实际情况设置文档分区元素对应的配置数据，元素配置数据集合中可包括所有文档分区元素对应的配置数据。可以理解的是，不同的文档分区元素，可对应不同的配置数据。

本公开的实施例中，可预先为滚动事件设置对应的函数，该函数用于从预设的元素配置数据集合中选取文档分区元素对应的配置数据。

在步骤S103中，根据配置数据获取文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度。

本公开的实施例中，文档分区元素对应的配置数据中携带文档分区元素的可视窗区域高度(Client Height)、滑轮顶部高度(Scroll Top)和滑轮总高度(Scroll Height)，则可根据配置数据获取文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度。

在步骤S104中，根据可视窗区域高度、滑轮顶部高度和滑轮总高度确定文档滑动至底部，则触发预设的滑动至底部事件。

本公开的实施例中，可根据可视窗区域高度、滑轮顶部高度和滑轮总高度确定文档滑动至底部。可以理解的是，如图2所示，文档分区元素的可视窗区域高度和滑轮顶部高度的和值总是小于或者等于滑轮总高度，当用户向下滑动文档时，文档分区元素的可视窗区域高度和滑轮顶部高度的和值越来越接近滑轮总高度。

进一步地，确定文档滑动至底部之后，可触发预设的滑动至底部事件。其中，滑动至底部事件可根据实际情况进行设置，不同的文档分区元素，可对应不同的滑动至底部事件。

例如，滑动至底部事件可包括自动加载事件和/或上报打点事件。应说明的是，自动加载事件指的是自动加载剩余页面的内容，以方便用户浏览页面；上报打点事件指的是将需要收集的行为或者状态记录在日志中，并将日志上报，以实现数据统计。

本公开的实施例提供的文档滑动处理方法，能够从元素配置数据集合中获取文档分区元素的配置数据，之后可获取并根据文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度确定文档滑动至底部，进而触发滑动至底部事件，相较于相关技术中根据不同的页面，重复进行滑动至底部相关的开发工作，该方法仅需一份元素配置数据集合，就可完成不同页面的数据配置，具有开发效率高、节省人力、方便检查和修改，易于管理等优点。

在上述任一实施例的基础上，步骤S104中根据可视窗区域高度、滑轮顶部高度和滑轮总高度确定文档滑动至底部，可包括若可视窗区域高度和滑轮顶部高度的和值大于滑轮总高度与预设的高度阈值的差值，表明此时可视窗区域高度和滑轮顶部高度的和值与滑轮总高度相差较小，可确定文档滑动至底部。

反之，若可视窗区域高度和滑轮顶部高度的和值小于或者等于滑轮总高度与预设的高度阈值的差值，表明此时可视窗区域高度和滑轮顶部高度的和值与滑轮总高度相差较大，可确定文档未滑动至底部。

其中，高度阈值可根据实际情况进行标定，例如可标定为20px(pixel，像素)。应说明的是，px为一个相对长度单位。

可以理解的是，高度阈值越大，检测滑动至底部的灵敏度越高。

由此，该方法可根据可视窗区域高度、滑轮顶部高度、滑轮总高度和高度阈值，确定文档是否滑动至底部，还可通过改变高度阈值的大小，以调节检测滑动至底部的灵敏度。

在上述任一实施例的基础上，步骤S104中触发预设的滑动至底部事件，可包括获取滑动至底部事件对应的回调函数，之后执行回调函数。

本公开的实施例中，可预先为滑动至底部事件设置对应的回调函数，不同的滑动至底部事件可对应不同的回调函数。则在触发预设的滑动至底部事件时，能够通过执行滑动至底部事件对应的回调函数，以实现滑动至底部事件的实际效果。

在上述任一实施例的基础上，步骤S101中检测文档分区元素内部的文档的滑动行为之前，还可包括在文档分区元素内插入一个插槽标签，通过插槽标签将文档放置于文档滑动处理组件内。

本公开的实施例中，可预先建立一个文档滑动处理组件，该组件可用于实现本公开实施例的文档滑动处理方法。可在文档分区元素内插入一个插槽标签，通过插槽标签将文档放置于文档滑动处理组件内。

举例而言，假设文档滑动处理组件的框架语言为Vue.js，则可先在组件内部定义一个文档分区元素(Div)，然后在该文档分区元素上绑定滚动事件(Onscroll事件)，并利用组件提供的插槽标签(Slot)，在文档分区元素内插入一个插槽标签，以将文档放置于组件内部。另外，还可在组件内部设置元素配置数据集合、滑动至底部事件。

进一步地，在使用上述组件进行文档滑动处理时，若文档分区元素内部的文档出现滑动行为，可获取文档分区元素绑定的滚动事件，之后可触发滚动事件对应的函数通过组件提供的this.$refs方法，从预设的元素配置数据集合中选取该文档分区元素对应的配置数据，之后可根据配置数据获取文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度，并可根据可视窗区域高度、滑轮顶部高度和滑轮总高度确定文档滑动至底部，则触发预设的滑动至底部事件，利用组件提供的回调方法，来实现滑动至底部事件的实际效果。可以理解的是，可在组件上设置多个滑动至底部事件，以实现多种滑动至底部的实际效果。

由此，该方法将文档滑动处理方法集成在文档滑动处理组件中，可通过文档滑动处理组件，来实现文档滑动处理，在开发滑动至底部的部分时，仅需设置文档分区元素的配置数据，有效降低了开发时长，开发效率高。

图3是根据一示例性实施例示出的一种文档滑动处理装置框图。参照图3，该装置300包括第一获取模块31、数据选取模块32、第二获取模块33和触发模块34。

第一获取模块31，被配置为执行检测到文档分区元素内部的文档出现滑动行为时，获取所述文档分区元素绑定的滚动事件；

数据选取模块32，被配置为执行触发所述滚动事件对应的函数从预设的元素配置数据集合中选取所述文档分区元素对应的配置数据；

第二获取模块33，被配置为执行根据所述配置数据获取所述文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度；

触发模块34，被配置为执行根据所述可视窗区域高度、滑轮顶部高度和滑轮总高度确定所述文档滑动至底部，则触发预设的滑动至底部事件。

在本公开的一个实施例中，所述触发模块34，包括：确定单元，被配置为执行若所述可视窗区域高度和所述滑轮顶部高度的和值大于所述滑轮总高度与预设的高度阈值的差值，则确定所述文档滑动至底部。

在本公开的一个实施例中，所述触发模块34，还包括：获取单元，被配置为执行获取所述滑动至底部事件对应的回调函数；以及执行单元，被配置为执行所述回调函数。

在本公开的一个实施例中，所述预设的滑动至底部事件包括：自动加载事件和/或上报打点事件。

在本公开的一个实施例中，参照图4，所述文档滑动处理装置300，还包括：插入模块35，被配置为执行检测所述文档分区元素内部的所述文档的滑动行为之前，在所述文档分区元素内插入一个插槽标签；以及放置模块36，被配置为执行通过所述插槽标签将所述文档放置于文档滑动处理组件内。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

本公开的实施例提供的文档滑动处理装置，能够从元素配置数据集合中获取文档分区元素的配置数据，之后可获取并根据文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度确定文档滑动至底部，进而触发滑动至底部事件，相较于相关技术中根据不同的页面，重复进行滑动至底部相关的开发工作，该方法仅需一份元素配置数据集合，就可完成不同页面的数据配置，具有开发效率高、节省人力、方便检查和修改，易于管理等优点。

图5是根据一示例性实施例示出的一种用于页面加载的服务器500的框图。

如图5所示，上述服务器500包括：

存储器510及处理器520，连接不同组件(包括存储器510和处理器520)的总线530，存储器510存储有计算机程序，当处理器520执行所述程序时实现本公开实施例所述的文档滑动处理方法。

总线530表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。

服务器500典型地包括多种电子设备可读介质。这些介质可以是任何能够被服务器500访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

存储器510还可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(RAM)540和/或高速缓存存储器550。服务器500可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统560可以用于读写不可移动的、非易失性磁介质(图5未显示，通常称为“硬盘驱动器”)。尽管图5中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线530相连。存储器510可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本公开各实施例的功能。

具有一组(至少一个)程序模块570的程序/实用工具580，可以存储在例如存储器510中，这样的程序模块570包括——但不限于——操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块570通常执行本公开所描述的实施例中的功能和/或方法。

服务器500也可以与一个或多个外部设备590(例如键盘、指向设备、显示器591等)通信，还可与一个或者多个使得用户能与该服务器500交互的设备通信，和/或与使得该服务器500能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口592进行。并且，服务器500还可以通过网络适配器593与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图5所示，网络适配器593通过总线530与服务器500的其它模块通信。应当明白，尽管图中未示出，可以结合服务器500使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

处理器520通过运行存储在存储器510中的程序，从而执行各种功能应用以及数据处理。

需要说明的是，本实施例的服务器的实施过程和技术原理参见前述对本公开实施例的文档滑动处理方法的解释说明，此处不再赘述。

本公开实施例提供的服务器，可以执行如前所述的文档滑动处理方法，能够从元素配置数据集合中获取文档分区元素的配置数据，之后可获取并根据文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度确定文档滑动至底部，进而触发滑动至底部事件，相较于相关技术中根据不同的页面，重复进行滑动至底部相关的开发工作，该方法仅需一份元素配置数据集合，就可完成不同页面的数据配置，具有开发效率高、节省人力、方便检查和修改，易于管理等优点。

为了实现上述实施例，本公开还提出一种存储介质。

其中，该存储介质中的指令由服务器的处理器执行时，使得服务器能够执行如前所述的文档滑动处理方法。

为了实现上述实施例，本公开还提供一种计算机程序产品，该计算机程序由服务器的处理器执行时，使得服务器能够执行如前所述的文档滑动处理方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (12)

1.一种文档滑动处理方法，其特征在于，包括：

检测到文档分区元素内部的文档出现滑动行为时，获取所述文档分区元素绑定的滚动事件；

触发所述滚动事件对应的函数从预设的元素配置数据集合中选取所述文档分区元素对应的配置数据；

根据所述配置数据获取所述文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度；以及

根据所述可视窗区域高度、滑轮顶部高度和滑轮总高度确定所述文档滑动至底部，则触发预设的滑动至底部事件。

2.根据权利要求1所述的文档滑动处理方法，其特征在于，所述根据所述可视窗区域高度、滑轮顶部高度和滑轮总高度确定所述文档滑动至底部，包括：

若所述可视窗区域高度和所述滑轮顶部高度的和值大于所述滑轮总高度与预设的高度阈值的差值，则确定所述文档滑动至底部。

3.根据权利要求1所述的文档滑动处理方法，其特征在于，所述触发预设的滑动至底部事件，包括：

获取所述滑动至底部事件对应的回调函数；以及

执行所述回调函数。

4.根据权利要求1所述的文档滑动处理方法，其特征在于，所述预设的滑动至底部事件包括：自动加载事件和/或上报打点事件。

5.根据权利要求1所述的文档滑动处理方法，其特征在于，检测所述文档分区元素内部的所述文档的滑动行为之前，还包括：

在所述文档分区元素内插入一个插槽标签；以及

通过所述插槽标签将所述文档放置于文档滑动处理组件内。

6.一种文档滑动处理装置，其特征在于，包括：

第一获取模块，被配置为执行检测到文档分区元素内部的文档出现滑动行为时，获取所述文档分区元素绑定的滚动事件；

数据选取模块，被配置为执行触发所述滚动事件对应的函数从预设的元素配置数据集合中选取所述文档分区元素对应的配置数据；

第二获取模块，被配置为执行根据所述配置数据获取所述文档分区元素的可视窗区域高度、滑轮顶部高度和滑轮总高度；以及

触发模块，被配置为执行根据所述可视窗区域高度、滑轮顶部高度和滑轮总高度确定所述文档滑动至底部，则触发预设的滑动至底部事件。

7.根据权利要求6所述的文档滑动处理装置，其特征在于，所述触发模块，包括：

确定单元，被配置为执行若所述可视窗区域高度和所述滑轮顶部高度的和值大于所述滑轮总高度与预设的高度阈值的差值，则确定所述文档滑动至底部。

8.根据权利要求6所述的文档滑动处理装置，其特征在于，所述触发模块，还包括：

获取单元，被配置为执行获取所述滑动至底部事件对应的回调函数；以及

执行单元，被配置为执行所述回调函数。

9.根据权利要求6所述的文档滑动处理装置，其特征在于，所述预设的滑动至底部事件包括：自动加载事件和/或上报打点事件。

10.根据权利要求6所述的文档滑动处理装置，其特征在于，所述文档滑动处理装置，还包括：

插入模块，被配置为执行检测所述文档分区元素内部的所述文档的滑动行为之前，在所述文档分区元素内插入一个插槽标签；以及

放置模块，被配置为执行通过所述插槽标签将所述文档放置于文档滑动处理组件内。

11.一种服务器，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至5中任一项所述的文档滑动处理方法。

12.一种存储介质，当所述存储介质中的指令服务器的处理器执行时，使得服务器能够执行如权利要求1至5中任一项所述的文档滑动处理方法。

Images