CN117311575B - 页面显示方法、装置、计算机设备及存储介质 - Google Patents
页面显示方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN117311575B CN117311575B CN202311555790.5A CN202311555790A CN117311575B CN 117311575 B CN117311575 B CN 117311575B CN 202311555790 A CN202311555790 A CN 202311555790A CN 117311575 B CN117311575 B CN 117311575B
- Authority
- CN
- China
- Prior art keywords
- freezing
- offset distance
- distance
- page
- area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 34
- 230000008014 freezing Effects 0.000 claims abstract description 162
- 238000007710 freezing Methods 0.000 claims abstract description 162
- 238000012545 processing Methods 0.000 claims abstract description 4
- 238000005096 rolling process Methods 0.000 claims description 12
- 230000000007 visual effect Effects 0.000 claims description 9
- 238000010257 thawing Methods 0.000 claims description 5
- 230000001960 triggered effect Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000003780 insertion Methods 0.000 description 2
- 230000037431 insertion Effects 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及数据处理领域，尤其涉及一种页面显示方法、装置、计算机设备及存储介质。其方法包括：从目标页面中获取指定分组标识和与指定分组标识对应的分组数据；将冻结组件插入与指定分组标识对应的界面位置；根据分组数据配置冻结组件，以在界面位置生成冻结区域；当监测到目标页面的滚动事件时，获取冻结区域的第一偏移距离和第二偏移距离；判断第一偏移距离和第二偏移距离是否满足冻结触发条件；若第一偏移距离和第二偏移距离满足冻结触发条件，则冻结冻结头部区域。本发明根据冻结区域的偏移距离对冻结区域的冻结头部区域进行冻结，使得冻结头部区域内的页面数据得到更加充分的展示，可大大提高提高阅读效率和用户体验感。
Description
技术领域
本发明涉及数据处理领域，尤其涉及一种页面显示方法、装置、计算机设备及存储介质。
背景技术
随着互联网的迅速发展，数据和信息量越来越大。目前，各行各业的平台页面都会设置数据列表以用户查看。通常，一个平台页面无法展示数据列表的全部内容，需要用户来回翻看，导致阅读效率较低，用户体验感较差。
发明内容
基于此，有必要针对上述技术问题，提供一种页面显示方法、装置、计算机设备及存储介质，以解决阅读效率低，用户体验感较差的问题。
一种页面显示方法方法，包括：
从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据；
将冻结组件插入与所述指定分组标识对应的界面位置；
根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域；
当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离；
判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件；
若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域。
一种页面显示装置，包括：
分组数据获取模块，用于从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据；
冻结组件插入模块，用于将冻结组件插入与所述指定分组标识对应的界面位置；
冻结组件配置模块，用于根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域；
偏移距离获取模块，用于当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离；
判断模块，用于判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件；
冻结模块，用于若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域。
一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令，所述处理器执行所述计算机可读指令时实现上述页面显示方法方法。
一个或多个存储有计算机可读指令的可读存储介质，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行如上述页面显示方法方法。
上述页面显示方法方法、装置、计算机设备及存储介质，从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据；将冻结组件插入与所述指定分组标识对应的界面位置；根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域；当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离；判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件；若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域。在本发明中，通过在目标页面的指定分组标识处插入冻结组件，在目标页面上生成冻结区域；并在监测到滚动事件时，根据冻结区域的偏移距离对冻结区域的冻结头部区域进行冻结，使得冻结头部区域内的页面数据得到更加充分的展示，可大大提高提高阅读效率和用户体验感。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1是本发明一实施例中页面显示方法方法的一应用环境示意图；
图2是本发明一实施例中页面显示方法方法的一流程示意图；
图3是本发明一实施例中页面显示装置的一结构示意图；
图4是本发明一实施例中计算机设备的一示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本实施例提供的页面显示方法方法，可应用在如图1的应用环境中，其中，客户端与服务端进行通信。其中，客户端包括但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。服务端可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一实施例中，如图2所示，提供一种页面显示方法，以该方法应用在图1中的服务端为例进行说明，包括如下步骤：
S10、从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据.
可理解地，目标页面是某平台的任一网络页面。例如，该目标页面可以是某数据平台对数据进行展示的网络页面。指定分组标识是指用户指定的分组标识。通常，一个网络页面包含至少一个分组数据，每个分组数据对应一个分组标识。分组标识用于识别和定位分组数据。
S20、将冻结组件插入与所述指定分组标识对应的界面位置。
可理解地，冻结组件是指用于实现冻结效果的组件。根据分组标识确定与分组标识对应的分组数据的界面位置，并将冻结组件插入该界面位置。其中，界面位置是指与分组标识对应的分组数据在页面滚动器中的位置。
S30、根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域。
可理解地，分组数据包括分组名称和分组内容。冻结组件包括头部和内容部。冻结区域包括冻结头部区域和内容区域。具体地，获取分组数据，将分组数据填入冻结组件中。例如，将分组名称填入冻结组件的头部，生成冻结头部区域。将分组内容填入冻结组件的内容部，生成内容区域。
S40、当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离。
可理解地，滚动事件是指目标页面的滚动条发生移动的事件。例如，用户在目标页面滑动滚动条的操作。第一偏移距离是指冻结区域的顶部相对页面滚动器的顶部和页面可视区域的顶部的偏移距离。第二偏移距离是指冻结区域的底部相对页面滚动器的顶部和页面可视区域的顶部的偏移距离。
S50、判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件。
可理解地，冻结触发条件是指预先设置的条件。例如，当第一偏移距离大于或等于A指标时，判定第一偏移距离满足冻结触发条件。同理，当第二偏移距离大于或等于B指标时，判定第二偏移距离满足冻结触发条件。反之，则判定第二偏移距离不满足冻结触发条件。其中，A指标和B指标可以为同一指标，也可为不同指标。
S60、若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域。
可理解地，当第一偏移距离和第二偏移距离满足冻结触发条件时，判定所述冻结区域满足冻结触发条件，则触发冻结指令，对冻结区域的冻结头部区域进行冻结。也即，将冻结头部区域成未触发状态转变为冻结状态。具体地，将冻结头部区域固定在当前位置上，而内容区域随目标页面的滚动事件继续移动。优选地，当冻结头部区域为冻结状态时，可对冻结头部区域进行突出显示。在此，不对冻结头部区域的突出显示作限定。
在步骤S10－S60中，从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据；将冻结组件插入与所述指定分组标识对应的界面位置；
根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域；当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离；判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件；若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域。在本实施例中，通过在目标页面的指定分组标识处插入冻结组件，在目标页面上生成冻结区域；并在监测到滚动事件时，根据冻结区域的偏移距离对冻结区域的冻结头部区域进行冻结，使得冻结头部区域内的页面数据得到更加充分的展示，可大大提高提高阅读效率和用户体验感。
可选地，在步骤S40中，即所述获取所述冻结区域的第一偏移距离和第二偏移距离，包括：
S401、获取所述冻结区域与页面可视区域的之间的第一顶部距离、所述冻结区域与所述页面可视区域的之间的第一底部距离、所述页面可视区域与页面滚动器之间的第二顶部距离以及所述冻结头部区域的头部高度；
S402、根据所述第一顶部距离和所述第二顶部距离，确定所述第一偏移距离；
S403、根据所述第二顶部距离、所述第一底部距离和所述头部高度，确定所述第二偏移距离。
可理解地，如图3所示，页面可视区域是指目标页面的可视区域。也即，用户可以在目标页面看到的区域。页面滚动器是指目标页面中页面数据进行滚动的区域。第一顶部距离是指冻结区域的顶部与页面可视区域的顶部之间的距离。第一底部距离是指冻结区域的底部与页面可视区域的顶部之间的距离。第二顶部距离是指页面可视区域的顶部与页面滚动器的顶部之间的距离。头部高度是指冻结头部区域的高度。具体地，根据第一顶部距离和第二顶部距离，计算第一偏移距离。优选地，第一偏移距离计算公式为：第一偏移距离＝第二顶部距离-第一顶部距离。根据第二顶部距离、第一底部距离和头部高度，计算第二偏移距离。优选地，第二偏移距离计算公式为：第二偏移距离＝第二顶部距离+头部高度-第一底部距离。
在步骤S401-S403中，根据页面滚动器的顶部位置、页面可视区域的顶部位置确定冻结区域的第一偏移距离，并根据根据页面滚动器的顶部位置、页面可视区域的顶部以及冻结头部区域的头部高度确定冻结区域第二偏移距离，使得冻结区域与页面滚动器和页面可视区域更加联动，提高用户体验感。
可选地，在步骤S50中，即所述判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件，包括：
S501、判断所述第一偏移距离是否大于或等于第一预设偏移量；
S502、若所述第一偏移距离大于或等于第一预设偏移量，则判定所述第一偏移距离满足所述冻结触发条件；
S503、判断所述第二偏移距离是否大于或等于第二预设偏移量；
S504、若所述第二偏移距离大于或等于第二预设偏移量，则判定所述第二偏移距离满足所述冻结触发条件。
可理解地，第一预设偏移量为预先设置的偏移量；同理，第二预设偏移量也为预先设置的偏移量。第一预设偏移量和第二预设偏移量可根据用户需求设置。例如，第一预设偏移量可设置为0。第二预设偏移量可设置为10。
在步骤S501-S504中，为第一偏移距离与第二偏移距离设置不同的冻结触发条件，使得冻结区域的冻结触发更具适配性，且冻结区域不易被误触发，提高冻结触发的准确性。
可选地，在步骤S50之后，即在所述判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件之后，还包括：
S51、若所述第一偏移距离满足冻结触发条件，且所述第二偏移距离未满足冻结触发条件，则解冻所述冻结头部区域。
可理解地，当第一偏移距离满足冻结触发条件，而第二偏移距离不满足冻结触发条件时，对冻结头部区域进行解冻。也即，将冻结头部区域从冻结状态转变为解冻状态，当冻结头部区域处于解冻状态时，冻结头部区域和内容区域均随目标页面的滚动事件移动。优选地，当冻结头部区域处于解冻状态时，取消冻结头部区域的突出显示。
在步骤S51中，当第一偏移距离满足冻结触发条件，且第二偏移距离不满足冻结触发条件时，则解冻冻结头部区域，使冻结头部区域随着滚动事件移动，用户可以继续观看其他数据，提高阅读效率。
可选地，在步骤S50之后，即在所述判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件之后，还包括：
S52、若所述第一偏移距离未满足冻结触发条件，则生成不触发所述冻结头部区域的提示信息。
可理解地，提示信息是指提示不触发冻结头部区域的信息。具体地，当第一偏移距离未满足冻结触发条件时，生成提示信息。当运行后台接收到该提示信息时，不触发冻结头部区域的冻结指令，则无需对冻结头部区域进行冻结，减少不必要的冻结，提高用户体验感。
可选地，在步骤S60中，即所述若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域，包括：
S601、获取所述冻结头部区域的位置信息；
S602、根据所述位置信息，对所述冻结头部区域进行浮动定位。
可理解地，位置信息是指冻结头部区域的坐标信息，包括冻结区域头部的头部宽度和头部高度，以及顶点的位置坐标。浮动定位指将元素从文档的正常流中位置移动，但仍然保持其相对于包含块左、右对齐。具体地，根据位置信息，将冻结头部区域浮动定位在与位置信息对应的位置上。
应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。
在一实施例中，提供一种页面显示装置，该页面显示装置与上述实施例中页面显示方法方法一一对应。如图4所示，该页面显示装置包括分组数据获取模块10、冻结组件插入模块20、冻结组件配置模块30、偏移距离获取模块40、判断模块50和冻结模块60。各功能模块详细说明如下：
分组数据获取模块10，用于从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据；
冻结组件插入模块20，用于将冻结组件插入与所述指定分组标识对应的界面位置；
冻结组件配置模块30，用于根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域；
偏移距离获取模块40，用于当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离；
判断模块50，用于判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件；
冻结模块60，用于若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域。
可选地，偏移距离获取模块40，包括：
偏移距离获取单元，用于获取所述冻结区域与页面可视区域的之间的第一顶部距离、所述冻结区域与所述页面可视区域的之间的第一底部距离、所述页面可视区域与页面滚动器之间的第二顶部距离以及所述冻结头部区域的头部高度；
第一偏移距离单元，用于根据所述第一顶部距离和所述第二顶部距离，确定所述第一偏移距离；
第二偏移距离单元，用于根据所述第二顶部距离、所述第一底部距离和所述头部高度，确定所述第二偏移距离。
可选地，判断模块50，包括：
第一判断单元，用于判断所述第一偏移距离是否大于或等于第一预设偏移量；
第一判定单元，用于若所述第一偏移距离大于或等于第一预设偏移量，则判定所述第一偏移距离满足所述冻结触发条件；
第二判断单元，用于判断所述第二偏移距离是否大于或等于第二预设偏移量；
第二判定单元，用于若所述第二偏移距离大于或等于第二预设偏移量，则判定所述第二偏移距离满足所述冻结触发条件。
可选地，在判断模块50之后，还包括：
解冻模块，用于若所述第一偏移距离满足冻结触发条件，且所述第二偏移距离未满足冻结触发条件，则解冻所述冻结头部区域。
可选地，在判断模块50之后，还包括：
提示模块，用于若所述第一偏移距离未满足冻结触发条件，则生成不触发所述冻结头部区域的提示信息。
可选地，冻结模块60，包括：
位置信息单元，用于获取所述冻结头部区域的位置信息；
浮动定位单元，用于根据所述位置信息，对所述冻结头部区域进行浮动定位。
关于页面显示装置的具体限定可以参见上文中对于页面显示方法方法的限定，在此不再赘述。上述页面显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图5所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括可读存储介质、内存储器。该可读存储介质存储有操作系统、计算机可读指令和数据库。该内存储器为可读存储介质中的操作系统和计算机可读指令的运行提供环境。该计算机设备的数据库用于存储页面显示方法方法所涉及的数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机可读指令被处理器执行时以实现一种页面显示方法方法。本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。
在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机可读指令，处理器执行计算机可读指令时实现以下步骤：
从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据；
将冻结组件插入与所述指定分组标识对应的界面位置；
根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域；
当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离；
判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件；
若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域。
在一个实施例中，提供了一个或多个存储有计算机可读指令的计算机可读存储介质，本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。可读存储介质上存储有计算机可读指令，计算机可读指令被一个或多个处理器执行时实现以下步骤：
从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据；
将冻结组件插入与所述指定分组标识对应的界面位置；
根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域；
当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离；
判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件；
若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，所述的计算机可读指令可存储于一非易失性可读取存储介质或易失性可读存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。
以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。
Claims (8)
1.一种页面显示方法，其特征在于，包括：
从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据；所述目标页面中包含至少一个所述分组数据，每个所述分组数据对应一个分组标识；
将冻结组件插入与所述指定分组标识对应的界面位置；
根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域；
当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离；
判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件；
若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域；
所述获取所述冻结区域的第一偏移距离和第二偏移距离，包括：
获取所述冻结区域与页面可视区域的之间的第一顶部距离、所述冻结区域与所述页面可视区域的之间的第一底部距离、所述页面可视区域与页面滚动器之间的第二顶部距离以及所述冻结头部区域的头部高度；
根据所述第一顶部距离和所述第二顶部距离，确定所述第一偏移距离；
根据所述第二顶部距离、所述第一底部距离和所述头部高度，确定所述第二偏移距离。
2.如权利要求1所述的页面显示方法，其特征在于，所述判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件，包括：
判断所述第一偏移距离是否大于或等于第一预设偏移量；
若所述第一偏移距离大于或等于第一预设偏移量，则判定所述第一偏移距离满足所述冻结触发条件；
判断所述第二偏移距离是否大于或等于第二预设偏移量；
若所述第二偏移距离大于或等于第二预设偏移量，则判定所述第二偏移距离满足所述冻结触发条件。
3.如权利要求1所述的页面显示方法，其特征在于，在所述判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件之后，还包括：
若所述第一偏移距离满足冻结触发条件，且所述第二偏移距离未满足冻结触发条件，则解冻所述冻结头部区域。
4.如权利要求1所述的页面显示方法，其特征在于，在所述判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件之后，还包括：
若所述第一偏移距离未满足冻结触发条件，则生成不触发所述冻结头部区域的提示信息。
5.如权利要求1所述的页面显示方法，其特征在于，所述若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域，包括：
获取所述冻结头部区域的位置信息；
根据所述位置信息，对所述冻结头部区域进行浮动定位。
6.一种页面显示装置，其特征在于，包括：
分组数据获取模块，用于从目标页面中获取指定分组标识和与所述指定分组标识对应的分组数据；所述目标页面中包含至少一个所述分组数据，每个所述分组数据对应一个分组标识；
冻结组件插入模块，用于将冻结组件插入与所述指定分组标识对应的界面位置；
冻结组件配置模块，用于根据所述分组数据配置所述冻结组件，以在所述界面位置生成冻结区域；所述冻结区域包括冻结头部区域；
偏移距离获取模块，用于当监测到所述目标页面的滚动事件时，获取所述冻结区域的第一偏移距离和第二偏移距离；
判断模块，用于判断所述第一偏移距离和第二偏移距离是否满足冻结触发条件；
冻结模块，用于若所述第一偏移距离和第二偏移距离满足冻结触发条件，则冻结所述冻结头部区域；
所述偏移距离获取模块，包括：
偏移距离获取单元，用于获取所述冻结区域与页面可视区域的之间的第一顶部距离、所述冻结区域与所述页面可视区域的之间的第一底部距离、所述页面可视区域与页面滚动器之间的第二顶部距离以及所述冻结头部区域的头部高度；
第一偏移距离单元，用于根据所述第一顶部距离和所述第二顶部距离，确定所述第一偏移距离；
第二偏移距离单元，用于根据所述第二顶部距离、所述第一底部距离和所述头部高度，确定所述第二偏移距离。
7.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令，其特征在于，所述处理器执行所述计算机可读指令时实现如权利要求1至5中任一项所述页面显示方法。
8.一个或多个存储有计算机可读指令的可读存储介质，其特征在于，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行如权利要求1至5中任一项所述页面显示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311555790.5A CN117311575B (zh) | 2023-11-21 | 2023-11-21 | 页面显示方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311555790.5A CN117311575B (zh) | 2023-11-21 | 2023-11-21 | 页面显示方法、装置、计算机设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN117311575A CN117311575A (zh) | 2023-12-29 |
| CN117311575B true CN117311575B (zh) | 2024-04-19 |
Family
ID=89286758
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311555790.5A Active CN117311575B (zh) | 2023-11-21 | 2023-11-21 | 页面显示方法、装置、计算机设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117311575B (zh) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101751223A (zh) * | 2009-12-22 | 2010-06-23 | 深圳市五巨科技有限公司 | 一种显示网页表格动态数据的方法和装置 |
| CN103914473A (zh) * | 2013-01-04 | 2014-07-09 | 深圳市金蝶中间件有限公司 | 网页内容冻结方法和装置 |
| CN108415890A (zh) * | 2018-01-16 | 2018-08-17 | 平安普惠企业管理有限公司 | 置顶显示单元格的方法、终端设备及计算机可读存储介质 |
| CN111414106A (zh) * | 2020-03-13 | 2020-07-14 | 北京字节跳动网络技术有限公司 | 一种标题显示方法、装置、电子设备及计算机可读介质 |
| CN111680246A (zh) * | 2020-04-28 | 2020-09-18 | 平安国际智慧城市科技股份有限公司 | 基于recyclerview左右联动控件的分组标题置顶方法、装置、设备 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN100424700C (zh) * | 2006-03-06 | 2008-10-08 | 阿里巴巴集团控股有限公司 | 在网页中实现表格局部滚动显示的方法及系统 |
| US7779346B2 (en) * | 2006-10-03 | 2010-08-17 | Research In Motion Limited | System and method for freezing columns and rows in a UI table |
-
2023
- 2023-11-21 CN CN202311555790.5A patent/CN117311575B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101751223A (zh) * | 2009-12-22 | 2010-06-23 | 深圳市五巨科技有限公司 | 一种显示网页表格动态数据的方法和装置 |
| CN103914473A (zh) * | 2013-01-04 | 2014-07-09 | 深圳市金蝶中间件有限公司 | 网页内容冻结方法和装置 |
| CN108415890A (zh) * | 2018-01-16 | 2018-08-17 | 平安普惠企业管理有限公司 | 置顶显示单元格的方法、终端设备及计算机可读存储介质 |
| CN111414106A (zh) * | 2020-03-13 | 2020-07-14 | 北京字节跳动网络技术有限公司 | 一种标题显示方法、装置、电子设备及计算机可读介质 |
| CN111680246A (zh) * | 2020-04-28 | 2020-09-18 | 平安国际智慧城市科技股份有限公司 | 基于recyclerview左右联动控件的分组标题置顶方法、装置、设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN117311575A (zh) | 2023-12-29 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109032457B (zh) | 页面显示方法、装置、终端和存储介质 | |
| JP5960936B1 (ja) | 端末装置、情報処理方法及び情報処理プログラム | |
| CN108848142B (zh) | 消息推送方法、装置、计算机设备和存储介质 | |
| CN108830900B (zh) | 关键点的抖动处理方法和装置 | |
| CN111898336B (zh) | 弹幕显示方法、装置、计算机设备及存储介质 | |
| CN112130729B (zh) | 页面处理方法、装置、计算机设备和存储介质 | |
| CN105549936B (zh) | 数据表的显示方法和装置 | |
| CN110221758B (zh) | 滚动条控制方法、装置、计算机设备和存储介质 | |
| CN109542962B (zh) | 数据处理方法、装置、计算机设备和存储介质 | |
| CN111159598A (zh) | 影像浏览方法、装置、计算机设备和存储介质 | |
| CN117311575B (zh) | 页面显示方法、装置、计算机设备及存储介质 | |
| CN114327449A (zh) | 页面展示方法、系统和计算机设备 | |
| CN110780831B (zh) | 视图切换方法、装置、计算机设备和存储介质 | |
| CN109992182B (zh) | 电子书批量翻页方法、电子设备及计算机存储介质 | |
| CN114885202A (zh) | 字符串显示处理方法、装置、终端及存储介质 | |
| CN110134475B (zh) | 显示界面参数配置的方法、装置、计算机设备和存储介质 | |
| CN114297547A (zh) | 页面元素调整方法、装置、设备、存储介质和程序产品 | |
| CN110968241B (zh) | 电子表格的处理方法、装置、计算机可以读存储介质和计算机设备 | |
| CN109032476B (zh) | 一种在图形用户界面中显示大数据集的方法 | |
| CN109462543B (zh) | 邮件下载方法、装置、计算机设备和存储介质 | |
| CN112463783A (zh) | 索引数据监控方法、装置、计算机设备和存储介质 | |
| CN111124932A (zh) | 方案验证方法、系统、装置、计算机设备和存储介质 | |
| CN111046241B (zh) | 用于流式图处理的图存储方法及装置 | |
| CN113296860B (zh) | 进度条刷新方法、装置、计算机设备和可读存储介质 | |
| CN116860244A (zh) | 一种组件排列方法、装置、计算机设备和存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |