CN108958612B

CN108958612B - Method for controlling page sliding, method and system for controlling page, terminal device and medium

Info

Publication number: CN108958612B
Application number: CN201810614476.2A
Authority: CN
Inventors: 王伟; 汪从武; 朱熔洁
Original assignee: Beijing ByteDance Network Technology Co Ltd
Current assignee: Douyin Vision Co Ltd; Douyin Vision Beijing Co Ltd
Priority date: 2018-06-14
Filing date: 2018-06-14
Publication date: 2021-03-26
Anticipated expiration: 2038-06-14
Also published as: CN108958612A

Abstract

The disclosure relates to a method for controlling page sliding, a method, a system, a terminal device and a medium for controlling page sliding, wherein the method for controlling page sliding comprises the following steps: receiving input sliding operation, and determining sliding operation information according to the sliding operation, wherein the sliding operation information comprises a sliding trigger position, a sliding direction and a sliding distance; and controlling the nodes according to the sliding operation information, the structural relationship among the nodes and the sliding priority information of the nodes so as to slide the elements in the page or the whole page.

Description

Method for controlling page sliding, method and system for controlling page, terminal device and medium

Technical Field

The present disclosure relates to the field of internet technologies, and in particular, to a method for controlling page sliding, a system, a terminal device, and a computer-readable storage medium.

Background

When a personal computer is used to access a Web page (or called a Web page) or a mobile phone is used to look up various data of an application client page, a sliding operation is often required to view all information in the page. When a Web page of a terminal device such as a mobile phone is accessed, the situation that the Web page needs to be slid is often encountered.

The existing method for controlling the sliding of the Web page of the terminal equipment such as a mobile phone has the problems of poor fluency, poor experience and the like. As people use web pages of mobile phone terminals to replace clients more and more, there is a need to improve the experience of page sliding.

Disclosure of Invention

The purpose of the present disclosure is to provide a new method for controlling page sliding, a method, a system, a terminal device and a computer readable storage medium for controlling page sliding.

The purpose of the present disclosure is achieved by the following technical means. The method for controlling page sliding provided by the disclosure comprises the following steps: receiving input sliding operation, and determining sliding operation information according to the sliding operation, wherein the sliding operation information comprises a sliding trigger position, a sliding direction and a sliding amount; and controlling the nodes according to the sliding operation information, the structural relationship among the nodes and the sliding priority information of the nodes so as to slide the elements in the page or the whole page.

The object of the present disclosure can be further achieved by the following technical measures.

In the method for controlling page sliding, based on the sliding priority information, the nodes include a first state node and a second state node; the first state node slides earlier than an ancestor node of the first state node, and the second state node slides later than an ancestor node of the second state node.

Before the step of controlling the nodes according to the sliding operation information, the structural relationship among the nodes, and the sliding priority information of the nodes, the method for controlling page sliding further includes: allowing a developer to control the sliding priority information of a node, including allowing a node to be set as a first state node or a second state node; the first state node slides earlier than an ancestor node of the first state node, and the second state node slides later than an ancestor node of the second state node.

In the method for controlling page sliding, the sliding priority information includes a plurality of sliding priorities corresponding to a plurality of sliding directions.

In the method for controlling page sliding, the controlling the node according to the sliding operation information, the structural relationship among the nodes, and the sliding priority information of the node includes: determining a sliding starting node according to the sliding triggering position; one or more sliding update events are performed.

The method for controlling page sliding, wherein the sliding update event includes: determining one or more sliding chains according to the sliding starting node, a preset sliding tree and the sliding priority information, wherein the sliding chains comprise a plurality of slidable nodes; determining one or more nodes to be responded and a response sequence of the nodes to be responded according to the sliding chain; and controlling the node to be responded to slide and correspondingly consume the sliding amount according to the sliding direction, the sliding amount and the response sequence.

The method for controlling page sliding includes determining one or more sliding chains according to the sliding start node, a preset sliding tree and the sliding priority information, where in the sliding tree, starting from the sliding start node, searching for a slidable node in a direction of an ancestor node to determine a first sliding chain, where nodes in the first sliding chain are arranged according to a parent-child relationship, obtaining the sliding priority information of the nodes in the first sliding chain, and determining a second sliding chain according to the first sliding chain and the sliding priority information; the determining the nodes to be responded and the response sequence according to the sliding chain comprises determining the nodes in the second sliding chain as the nodes to be responded.

In the method for controlling page sliding, the determining a second sliding link according to the first sliding link and the sliding priority information includes: and judging whether the node in the first sliding chain is the second state node and has a father node in the first sliding chain, if so, deleting the second state node and all descendant nodes of the second state node from the first sliding chain to obtain the second sliding chain.

The method for controlling page sliding, wherein the determining one or more nodes to be responded and the response sequence of the nodes to be responded according to the sliding chain includes: determining a node in the sliding chain as the node to be responded; determining the response sequence based on the node to be responded as a child node in the sliding chain responding first and the node to be responded as a parent node responding later.

The method for controlling page sliding, wherein the performing one or more sliding update events includes: and performing a plurality of sliding update events according to a preset time interval.

In the foregoing method for controlling page sliding, the performing one or more sliding update events further includes: after completing one of the slipping update events, if the amount of slipping remains, then proceed to the next slipping update event.

In the method for controlling page sliding, the determining one or more nodes to be responded and a response sequence of the nodes to be responded according to the sliding chain, and controlling the nodes to be responded to slide and correspondingly consume the sliding amount according to the sliding direction, the sliding amount and the response sequence includes: controlling leaf nodes of the sliding chain to slide; and if the leaf node becomes non-slidable, controlling the parent node of the leaf node in the sliding chain to slide.

In the method for controlling page sliding, the page is a Web page of the terminal device.

The purpose of the present disclosure is also achieved by the following technical solutions. According to the present disclosure, a method for controlling a page is provided, comprising the steps of: receiving input sliding operation, and determining sliding operation information according to the sliding operation, wherein the sliding operation information comprises a sliding trigger position, a sliding direction and a sliding amount; if the sliding direction is the first direction, switching among a plurality of lists in a control page; and if the sliding direction is the second direction, controlling a plurality of items in the list to be in sliding display according to any one of the methods for controlling page sliding.

The purpose of the present disclosure is also achieved by the following technical solutions. A system for controlling page sliding according to the present disclosure includes: the sliding operation information determining module is used for receiving input sliding operation and determining sliding operation information according to the sliding operation, wherein the sliding operation information comprises a sliding trigger position, a sliding direction and a sliding distance; and the sliding control module is used for controlling the nodes according to the sliding operation information, the structural relationship among the nodes and the sliding priority information of the nodes so as to slide the elements in the page or the whole page.

In the system for controlling page sliding, based on the sliding priority information, the nodes include a first state node and a second state node; the first state node slides earlier than an ancestor node of the first state node, and the second state node slides later than an ancestor node of the second state node.

In the system for controlling page sliding, the sliding priority information includes a plurality of sliding priorities corresponding to a plurality of sliding directions.

The system for controlling page sliding comprises: the sliding starting submodule is used for determining a sliding starting node according to the sliding triggering position; and the sliding update submodule is used for carrying out one or more sliding update events.

The system for controlling page sliding, wherein the sliding update sub-module includes: a sliding chain determining unit, configured to determine one or more sliding chains according to the sliding start node, a preset sliding tree, and the sliding priority information, where the sliding chain includes a plurality of slidable nodes; a response sequence determining unit, configured to determine one or more nodes to be responded and a response sequence of the nodes to be responded according to the sliding chain; and the node sliding unit is used for controlling the node to be responded to slide and correspondingly consume the sliding amount according to the sliding direction, the sliding amount and the response sequence.

The system for controlling page sliding described above, wherein the sliding chain determining unit includes: a first sliding chain determining subunit, configured to find, in the sliding tree, from the sliding start node toward an ancestor node, a slidable node to determine a first sliding chain, where nodes in the first sliding chain are arranged according to a parent-child relationship; a sliding priority information obtaining subunit, configured to obtain the sliding priority information of a node in the first sliding chain; a second sliding chain determining subunit, configured to determine a second sliding chain according to the first sliding chain and the sliding priority information; the response sequence determining unit is specifically configured to determine a node in the second sliding chain as the node to be responded.

In the system for controlling page sliding, the second sliding chain determining subunit is specifically configured to: and judging whether the node in the first sliding chain is the second state node and has a father node in the first sliding chain, if so, deleting the second state node and all descendant nodes of the second state node from the first sliding chain to obtain the second sliding chain.

The system for controlling page sliding described above, wherein the sliding control module includes a response order determination sub-module, configured to: determining a node in the sliding chain as the node to be responded; determining the response sequence based on the node to be responded as a child node in the sliding chain responding first and the node to be responded as a parent node responding later.

The system for controlling page sliding as described above, wherein the sliding update sub-module is further configured to: and performing a plurality of sliding update events according to a preset time interval.

The system for controlling page sliding as described above, wherein the sliding update sub-module is further configured to: after completing one of the slipping update events, if the amount of slipping remains, then proceed to the next slipping update event.

The system for controlling page sliding as described above, wherein the sliding update sub-module is further configured to: controlling leaf nodes of the sliding chain to slide; and if the leaf node becomes non-slidable, controlling the parent node of the leaf node in the sliding chain to slide.

In the system for controlling page sliding, the page is a Web page of the terminal device.

The purpose of the present disclosure is also achieved by the following technical solutions. A control page system proposed according to the present disclosure includes: the sliding operation information determining module is used for receiving input sliding operation and determining sliding operation information according to the sliding operation, wherein the sliding operation information comprises a sliding trigger position, a sliding direction and a sliding amount; and the page control module is used for controlling switching among a plurality of lists in the page if the sliding direction is a first direction, and controlling a plurality of items in the lists to be displayed in a sliding manner according to any one of the methods for controlling the page sliding if the sliding direction is a second direction.

The purpose of the present disclosure is also achieved by the following technical solutions. An apparatus proposed in accordance with the present disclosure includes: a memory for storing non-transitory computer readable instructions; and a processor for executing the computer readable instructions, so that the processor realizes any one of the aforementioned methods for controlling page sliding when executing the processor.

The purpose of the present disclosure is also achieved by the following technical solutions. An apparatus proposed in accordance with the present disclosure includes: a memory for storing non-transitory computer readable instructions; and a processor for executing the computer readable instructions such that the processor, when executed, implements any of the aforementioned control page methods.

The purpose of the present disclosure is also achieved by the following technical solutions. A computer-readable storage medium according to the present disclosure is provided for storing non-transitory computer-readable instructions which, when executed by a computer, cause the computer to perform any one of the aforementioned methods of controlling page sliding or any one of the aforementioned methods of controlling page sliding.

The foregoing is a summary of the present disclosure, and for the purposes of promoting a clear understanding of the technical means of the present disclosure, the present disclosure may be embodied in other specific forms without departing from the spirit or essential attributes thereof.

Drawings

Fig. 1 is a block flow diagram of a method of controlling page sliding according to an embodiment of the present disclosure.

Fig. 2 is a block flow diagram of performing a sliding update event according to an embodiment of the present disclosure.

Fig. 3 is a block flow diagram of determining a sliding chain according to an embodiment of the present disclosure.

Fig. 4A and 4B are schematic diagrams of a sliding chain determined in two sliding update events of one page sliding according to an embodiment of the present disclosure.

Fig. 5 is a schematic page layout diagram according to an embodiment of the disclosure.

Fig. 6A is a schematic diagram of switching a list in a page layout according to an embodiment of the present disclosure.

Fig. 6B is a schematic diagram of switching a list in the case of another page layout according to an embodiment of the present disclosure.

FIG. 7 is a block flow diagram of a method of controlling a page according to one embodiment of the present disclosure.

Fig. 8 is a block diagram of a system for controlling page sliding according to an embodiment of the present disclosure.

Fig. 9 is a block diagram of a sliding control module according to an embodiment of the present disclosure.

Fig. 10 is a block diagram of a sliding update submodule according to an embodiment of the present disclosure.

Fig. 11 is a block diagram of a sliding chain determination unit according to an embodiment of the present disclosure.

Fig. 12 is a block diagram of the structure of a control page system according to an embodiment of the present disclosure.

Fig. 13 is a hardware block diagram of a device of one embodiment of the present disclosure.

Fig. 14 is a hardware block diagram of a device of another embodiment of the disclosure.

Fig. 15 is a schematic diagram of a computer-readable storage medium of one embodiment of the present disclosure.

Detailed Description

To further illustrate the technical means and effects of the present disclosure for achieving the predetermined objects, the following detailed description will be given to specific embodiments, structures, features and effects of a method for controlling page sliding, a system, a terminal device and a computer readable storage medium according to the present disclosure with reference to the accompanying drawings and preferred embodiments.

FIG. 1 is a schematic flow chart diagram of one embodiment of a method of controlling page sliding of the present disclosure. Referring to fig. 1, an exemplary method for controlling page sliding according to the present disclosure mainly includes the following steps:

in step S11, the input slide operation (scroll operation) is received, and slide operation information is determined based on the slide operation. The sliding operation information comprises a sliding trigger position, a sliding direction and a sliding amount. The sliding amount is obtained based on the displacement, speed, force, etc. of the sliding operation, and is used to control the distance of the page sliding. The slide operation is not limited to a slide gesture received by a terminal device such as a mobile phone, and may be various types of slide operations performed by other devices.

Step S12, controlling the nodes according to the sliding operation information, the structural relationship among the nodes and the sliding priority information of the nodes, so as to slide the elements in the page or the entire page. Specifically, the node referred to herein is an element in a page or is an entire page. And the structural relationships between nodes typically include: parent-child relationships between two nodes, or tree-structured relationships between more than two nodes. Since the case of two nodes can be regarded as a special case of the case of a plurality of nodes, only the case of a plurality of nodes will be specifically described below. The Tree structure relationship is not called a sliding Tree (Scroll Tree), and the sliding Tree is generally set in advance.

Node slidable (slidable is also called slidable, and node slidable is also called element slidable) means that the length of a child node (or called container internal element) is greater than the length of a parent node (or called container) itself, and the child node (container internal element bottom) does not reach the edge (or called bottom) of the parent node (container). It is noted that the slidable movement has directionality, and in particular, if an edge of one direction of the container interior element (or, referred to as, a bottom of one end) does not reach an edge of a corresponding direction of the container, the slidable movement is in that direction. In addition, a node is slideable, i.e., the node is able to consume the amount of slippage. The page slidable includes various practical situations, for example, one is that for two page elements as a parent node and a child node, if the length of the child node is greater than that of the parent node and a corresponding sliding attribute is set (in some examples, a CSS attribute overflow is set), the child node is slidable; the other is that the viewport (generally the visible area of the device screen) of the device is used as a container and the whole page is used as an internal element of the container, and if the length of the whole page is larger than that of the viewport, the page is slidable, and in fact, in this case, the viewport and the page can be considered as a parent node and a child node as well.

The node is not slidable, namely, the child node has no moving space in the corresponding direction inside the parent node, for example, when the child node reaches the edge of the parent node or the bottom of the element inside the container is aligned with the bottom of the container, the child node becomes in a non-slidable state. It should be noted that while not slidable in one direction (e.g., up), it is also possible to be slidable in other directions (e.g., down).

In some embodiments of the present disclosure, the sliding priority information of the node includes a first state and a second state, or the node includes a first state node and a second state node according to the sliding priority information. If the sliding priority information of one node is in the first state, the node responds earlier than the ancestor node of the node (or the first state node slides earlier than the ancestor node of the first state node), and if the sliding priority information of one node is in the second state, the node responds later than the ancestor node of the node (or the second state node slides later than the ancestor node of the second state node). Optionally, the glide priority defaults to the first state and may be set to the second state.

In some embodiments of the present disclosure, the node's sliding priority information includes a plurality of sliding priorities corresponding to a plurality of sliding directions, corresponding to different sliding directions. Optionally, the sliding priority value corresponding to each direction includes a first state and a second state.

According to the method for controlling the page sliding, the sliding of the nodes is controlled according to the sliding priority information, and therefore the smoothness and the actual experience of the page sliding and the convenience of the page control can be improved.

Specifically, a plurality of page operation events (Web capture events) may be generated based on the received one sliding operation, each page operation Event corresponding to a sliding State (Scroll State), including a sliding start (Scroll Begin), a sliding Update (Scroll Update), and a sliding End (Scroll End). In some embodiments of the present disclosure, step S12 specifically includes: performing a sliding start event for determining a sliding start node according to the sliding trigger position; and performing one or more sliding update events. Optionally, step S12 further includes executing a slide ending event for ending the slide.

When both the child node and the father node can slide, in order to determine the sequence of the node response, a sliding Chain (Scroll Chain) is constructed, and the sliding sequence logic is determined according to the position of the sliding node on the sliding Chain. As an alternative embodiment, the sliding update is performed based on a sliding chain. Fig. 2 is a schematic flow chart diagram of a sliding update event provided in an embodiment of the method for controlling page sliding of the present disclosure. Referring to fig. 2, in some embodiments of the present disclosure, performing the sliding update event specifically includes:

step S21, determining one or more sliding chains (Scroll Chain) according to the sliding start node, the preset sliding tree, and the sliding priority information of the node. The sliding chain comprises a plurality of slidable nodes in a sliding tree as sliding nodes.

In some alternative examples, the sliding nodes are arranged in a sliding chain in a parent-child relationship. The end of the sliding chain near the parent node (or the end near the root node of the sliding chain) is called the head end, and the end near the child node (or the end near the leaf node of the sliding chain) is called the tail end. The specific method for determining the sliding chain is to take out the current node from the sliding tree from the sliding start node, judge whether the sliding is possible, add the sliding chain if the sliding is possible, then search the father node of the current node in the sliding tree, and then judge until the root node (actually, the viewport node) of the sliding tree, so that the sliding related nodes can be added into the sliding chain in sequence. In yet other alternative examples, the sliding nodes are arranged in the sliding chain based on the sliding priority information of the nodes.

Optionally, in some examples, for example, in an embodiment where the aforementioned sliding priority information includes a plurality of sliding priorities corresponding to a plurality of sliding directions, it is further necessary to determine a sliding chain according to the sliding directions.

In step S22, one or more nodes to be responded and the response sequence (or referred to as sliding sequence) of the nodes to be responded are determined according to the sliding chain. Specifically, a sliding node in the sliding chain is determined as a node to be responded. Optionally, the response order of each node to be responded is determined based on the node to be responded as a child node in the sliding chain responding first and the node to be responded as a parent node responding later (in some examples, namely, in the order from the tail end to the head end of the sliding chain).

And step S23, controlling the node to be responded to slide according to the sliding direction, the sliding amount and the response sequence, and consuming the sliding amount correspondingly.

In some examples, after completion of one slipping update event, if the amount of slipping remains, the next slipping update event is performed until the amount of slipping is completely consumed.

In some examples, the plurality of swipe update events are performed at preset time intervals, optionally, when the swipe amount is completely consumed, the swipe end event is performed. The time interval can be made very short, so that the sliding update events are performed very densely, and in this case, only one node is generally slid in one sliding update, and a plurality of sliding update events are generally needed to slide out one node. In fact, each sliding update event causes a displacement of a page element or the entire page by a small distance. Thus, in some examples, in one sliding update event, the leaf node at the tail end of the sliding chain is taken to slide and the amount of sliding is consumed accordingly.

According to the method for controlling the page sliding, the sliding sequence logic is judged based on the sliding chain, and the smoothness, the actual experience and the convenience of the page sliding can be greatly improved.

In some examples, the sliding nodes are arranged in a sliding chain according to a parent-child relationship, the child node is at the tail of the sliding chain, the parent node is at the head of the sliding chain, and the sliding process of the control node is to sequentially take out the slidable nodes from the tail of the sliding chain for processing, so that the slidable nodes can be found according to the sliding tree to form the sliding chain, and then the order of the nodes in the sliding chain can be adjusted according to the sliding priority information. Fig. 3 is a schematic flow chart diagram of determining a sliding chain according to an embodiment of the method for controlling page sliding disclosed in the present disclosure. Referring to fig. 3, in an embodiment of the present disclosure, the process of determining the sliding chain in step S21 specifically includes:

in step S31, in the sliding tree, starting from the sliding start node, a slidable node is searched towards the parent node to determine a first sliding chain. The nodes in the first sliding chain are arranged according to a parent-child relationship, and the parent node is not close to the head end, and the child node is not close to the tail end. Specifically, starting from the sliding start node, the current node is taken out from the sliding tree, whether sliding is possible (or whether sliding amount can be consumed) is judged, if so, a sliding chain is added (as a first sliding chain), then the parent node of the current node in the sliding tree is searched, and the judgment is carried out until the root node of the sliding tree, so that the construction of the first sliding chain can be completed. It is noted that, in some examples, whether a node is slidable is directional, and thus a specific determination is needed in the process of making the above determination: whether the node is slidable in the sliding direction.

Step S32, sliding priority information of the nodes in the first sliding chain is acquired.

Step S33, determining a second sliding chain according to the first sliding chain and the sliding priority information. Optionally, in some examples (e.g., the aforementioned embodiments in which the sliding priority information includes a plurality of sliding priorities corresponding to a plurality of sliding directions), it may also be desirable to determine the second sliding chain according to the sliding direction.

Further, in this embodiment, step S22 specifically includes: and determining the sliding nodes in the second sliding chain as nodes to be responded, and determining the response sequence of the nodes to be responded according to the sequence of the nodes to be responded in the second sliding chain. In general, the response sequence can also be determined according to the response of the node to be responded as the child node in the second sliding chain, and the response of the node to be responded as the parent node. It should be further noted that in some examples, the time interval of the sliding update event is very short, and it is only necessary to take the leaf node at the tail of the second sliding chain as the node to be responded, and control the leaf node of the second sliding chain to slide in the sliding update event.

In particular, the second sliding chain may be determined in a variety of ways. In some embodiments of the present disclosure, determining the second sliding chain includes determining whether a sliding node in the first sliding chain is: and if the second state node and the parent node are in the first sliding chain, deleting the second state node and all the descendant nodes of the second state node from the first sliding chain to obtain a second sliding chain. Alternatively, the present determination may be made starting from the leaf node of the first sliding chain toward the parent node. In yet other embodiments of the present disclosure, a plurality of second sliding chains are generated by disconnecting the first sliding chain from the second state node, and the response order of the second sliding chains is set in such a way that the second sliding chain near the root node (or near the head end of the first sliding chain) responds first and the second sliding chain near the leaf node (or near the tail end of the first sliding chain) responds later.

As an optional example, step S33 of the present disclosure specifically includes: starting from the tail end (or leaf node) of the first sliding chain, sequentially judging each sliding node in the first sliding chain: if the sliding priority of the current node corresponding to the sliding direction is in the first state, the parent node of the current node in the first sliding chain is continuously subjected to local judgment; and if the sliding priority of the current node corresponding to the sliding direction is in the second state and the current node has a father node in the first sliding chain, deleting the current node and all descendant nodes of the current node from the first sliding chain, and then continuing to perform the current judgment on the father node of the current node in the first sliding chain. And then, determining the sliding chain formed after the judgment is carried out on all sliding nodes in the first sliding chain as a second sliding chain. Therefore, the nodes can be controlled to respond on the premise of not changing the characteristic that the nodes are arranged in the sliding chain according to the parent-child relationship.

Fig. 4A and 4B are schematic diagrams of a sliding chain determined in two sliding update events of a sliding process according to an embodiment of the present disclosure. Referring to fig. 4A, in a specific example of a method for controlling page sliding according to the present disclosure, four nodes No. 1, No. 2, No. 3, and No. 4 are sequentially arranged in a first sliding chain determined in a sliding update event (which is not referred to as a first sliding update event), where the node No. 1 is close to a head end (or the node No. 1 is a root node in the first sliding chain), and the node No. 4 is close to a tail end (or the node No. 4 is a leaf node in the first sliding chain). If node 4 is the second state node, and the other nodes are the first state nodes, in the process of controlling page sliding by using the method for determining the second sliding chain shown in the embodiment of the present disclosure, in the first sliding update event, node 4 in the first sliding chain is deleted, so as to generate a second sliding chain (the sliding chain on the left side of the dotted line in fig. 4A) including node 1, node 2, and node 3, and in the first sliding update event, node 3 at the tail end of the second sliding chain is taken to slide and correspondingly consume the sliding amount. If there is still a slip amount remaining after the first slipping update event is completed, the next slipping update event (which is not referred to as a second slipping update event) will be performed. As shown in fig. 4B, if node 3 becomes non-slidable after sliding in the first sliding update event, node 3 does not enter the sliding chain any more, and thus a first sliding chain containing node 1, node 2 and node 4 is generated in the second sliding update event. In the second sliding update event, since node 4 is the second state node and has a slidable ancestor node, node 4 is still deleted from the first sliding chain to obtain a second sliding chain (the sliding chain on the left of the dotted line in FIG. 4B) containing node 1 and node 2. After undergoing multiple sliding update events, when node 4 has no slidable ancestor node, node 4 is not deleted from the sliding chain, at which point node 4 is slid again. Therefore, the ancestor node of the node 4 is slid firstly, and the node 4 is slid after all the ancestor nodes of the node 4 become unslidable.

According to the method for controlling the page sliding, the first sliding chain is constructed based on the sliding tree, the second sliding chain is constructed based on the sliding priority information, the nodes are controlled to respond according to the second sliding chain, the sequential logic of sliding of the nodes to be responded can be controlled more conveniently, and further the fluency and the actual experience of the page sliding and the convenience of controlling the page can be greatly improved.

The existing method for controlling the sliding priority of the webpage end is mainly realized by Javascript, and the scheme is complex. In one embodiment of the present disclosure, a new CSS rule "overflow-propagation" is proposed, allowing the developer to freely control the sliding priority of the node, thereby providing a better solution for controlling web page scrolling. Specifically, the overflow-propagation series specifically includes four attributes corresponding to the sliding operation in four directions, i.e., up, down, left, and right: the method comprises the following steps of (1) enabling an overlay-propagation-up, an overlay-propagation-down, an overlay-propagation-left and an overlay-propagation-right, wherein two attribute values are taken by each attribute: a normal (conventional state, corresponding to the first state) or parent (parent-priority state, corresponding to the second state), wherein the normal state is a conventional sliding priority, which means that the sliding effect first acts on the nearest child node and then acts on the parent node, or the child node slides first, and when the child node becomes unslidable, the parent node of the child node starts sliding; the parent state is a new effect after improvement, and represents that the parent node of the child node is slid first, and when all ancestor nodes of the child node become unslidable, the child node is slid again.

As an optional example, an overflow _ propagation attribute is set for each node, and in the process of generating a sliding chain according to the method of the example disclosed in the foregoing, the node having the overflow _ propagation attribute is monitored to generate the sliding chain. Specifically, it is remembered that the parent node of the node in the first sliding chain, which has the overflow _ propagation attribute in the parent state and can slide (can consume the amount of sliding), is set as the priority _ scroll _ node, and then the nodes after the priority _ scroll _ node are deleted from the first sliding chain after the end of the cycle, so as to obtain the second sliding chain. If the node with the overflow _ propagation attribute does not have a parent, the node is not removed from the first sliding chain. Still taking the case that the four nodes No. 1, No. 2, No. 3 and No. 4 are sequentially arranged in the first sliding chain, and the node No. 1 is the root node and the node No. 4 is the leaf node as an example, if the value of the overflow-propagation-up attribute of the node No. 4 is parent and the values of the attributes of other nodes are normal, the sliding sequence during upward sliding is 3- >2- >1- > 4; and if the over flow-propagation-down attribute of the node 2 takes a value of parent and the attribute of other nodes takes a value of normal, the sliding sequence during downward sliding is 1- >4- >3- > 2.

By using the method disclosed by the disclosure to develop the Web page at the mobile phone end, the effect of smoothly controlling the page sliding can be realized only by adding the overflow-propagation series attribute of the example disclosed by the disclosure to the corresponding node.

In the sliding updating process, if a way of taking the leaf node at the tail end of the sliding chain for sliding is adopted, when the leaf node is changed from a slidable state to a non-slidable state, various processing ways can be adopted. In one embodiment of the present disclosure, if a leaf node becomes non-slidable (or cannot consume a sliding amount) in a sliding update event, a sliding end event is performed, so that although an unconsumed sliding amount still remains in the sliding operation, the sliding end event is not transmitted to the parent element, or the parent node is not slid, which is called a sliding latch. In another embodiment of the present disclosure, the sliding latch may be eliminated, specifically, if a leaf node becomes in a non-slidable state (or cannot consume a sliding amount) in a sliding update event, the leaf node is controlled to slide on a parent node in the sliding chain and correspondingly consume the sliding amount.

Further, sliding latch information may be provided for the node to determine whether to continue sliding the parent node after the node becomes the non-slidable state. In some embodiments of the present disclosure, performing a sliding update event further comprises: acquiring sliding latch information of the node, wherein the sliding latch information comprises a third state and a fourth state, or according to the sliding latch information, the node comprises a third state node and a fourth state node; if the sliding latch information of one node is in the third state, the sliding latch information of the one node indicates that the node becomes non-slidable, and then the sliding latch information of the other node transmits the sliding amount which is not consumed to the father node of the node; then, a judgment is made according to the sliding latch information, if the leaf node of the sliding chain is the third state node, the leaf node becomes the non-sliding state (or cannot consume the sliding amount), then the parent node of the leaf node in the sliding chain is slid continuously and correspondingly consumes the sliding amount, and if the leaf node of the sliding chain is the fourth state node, the leaf node becomes the non-sliding state, and then a sliding ending event is carried out. Specifically, the disclosure provides a new CSS rule "continuous-scroll" of a terminal device web page end; ". The basic interaction of the sliding operation of the webpage end is that the child node can not slide the parent node when the child node can not consume the sliding amount, but if the 'continuous-scroll' is added, the parent node can not slide; "attribute", then the parent node will be slid, thereby effecting the release of the sliding latch.

Fig. 5 is a schematic page layout diagram according to an embodiment of the disclosure. The header portion in fig. 5 in which user information is described is a parent element of the page, and the list portion in fig. 5 containing a plurality of works is a child element of the page. In the case that the user is more interested in the child elements in the page, by setting the child elements to the second state and controlling the page to slide according to the method disclosed by the present disclosure, the parent element can be slid first, so that the parent element slides out of the viewport first, and the more valuable child elements are exposed in the viewport all at once. In the case of the conventional child element priority (i.e., the first state), the child element is always slid, and the parent element is always in the viewport, so that less display space is occupied by the more valuable child element content.

In some examples, as shown in fig. 5, the header portion bearing the user information is a header (head) of the page; a navigation tag (nav) is arranged below the head of the page, and the navigation tag is used for marking the name of each list; below the navigation tag is a list container (container) for containing a plurality of items (items) contained in the list (in fact, each list is a collection of items). When the page contains a plurality of lists, the lists are switched among the containers in response to a user operation (for example, a sliding gesture), and only one of the lists can be displayed in the container at the same time, for example, in fig. 5, a list of works is displayed in the list container, and the list of works includes a plurality of items of work 1, work 2, and the like list is not in the list container.

Two page layouts may be used for the list container and each list. Fig. 6A and 6B are schematic diagrams of switching a list in the case of two page layouts according to an embodiment of the present disclosure. As shown in fig. 6A, one layout is to set the length of the list container to be consistent with the cumulative length of all items in the list, and the list in this way causes a very abrupt change in the entire web page (which is not called as dithering the page header) due to the instantaneous shift of the page header position when switching. As shown in fig. 6B, another layout method is to fix the length of the list container to be equal to the length of the viewport, and the list in this way does not cause the page header to shake when switching, but when controlling the list items to slide and display in the list container according to the conventional sliding method, the list switching is inconvenient because the page header is always located in the viewport. Therefore, in the process of controlling the page, the plurality of items in the plurality of lists in the page can be slide-shown by using any one of the control page sliding methods of the foregoing examples of the present disclosure, so that the page head slides out of the viewport first. Specifically, fig. 7 is a schematic flow chart diagram of one embodiment of a control page method of the present disclosure. Referring to fig. 7, an exemplary method for controlling a page according to the present disclosure mainly includes the following steps:

step S41, receiving the input sliding operation, and determining the sliding operation information according to the sliding operation, wherein the sliding operation information comprises a sliding trigger position, a sliding direction and a sliding amount;

step S42, according to the sliding direction, if the sliding direction is the first direction, switching among a plurality of lists in the control page is carried out; and if the sliding direction is the second direction, controlling a plurality of items in the list to be in sliding display according to any one embodiment of the method for controlling the page sliding proposed by the present disclosure. Wherein the first direction and the second direction have an angle therebetween, for example, in an optional example, one of the first direction and the second direction is along the transverse direction of the page, and the other is along the longitudinal direction of the page.

According to the method for controlling the page, disclosed by the disclosure, the sliding of the node is controlled according to the sliding priority information, so that the fluency and the actual experience of page display (especially a multi-list switching process) can be improved.

It should be noted that the foregoing embodiments of the control page sliding method and the control page method proposed by the present disclosure are particularly applicable to sliding control of a Web page of a terminal device.

FIG. 8 is a schematic block diagram of one embodiment of a system for controlling page sliding of the present disclosure. Referring to fig. 8, an exemplary system 1000 for controlling page sliding according to the present disclosure mainly includes a sliding operation information determination module 1100 and a sliding control module 1200.

The sliding operation information determining module 1100 is configured to receive an input sliding operation, and determine sliding operation information according to the sliding operation. The sliding operation information comprises a sliding trigger position, a sliding direction and a sliding amount.

The sliding control module 1200 is configured to control the nodes according to the sliding operation information, the structural relationship among the nodes, and the sliding priority information of the nodes, so that the elements in the page or the entire page are slid. Specifically, the node referred to herein is an element in a page or is an entire page.

Fig. 9 is a schematic structural diagram of a slide control module according to an embodiment of the present disclosure. Referring to fig. 9, in some embodiments of the present disclosure, the sliding control module 1200 includes: a sliding start submodule 1210, configured to determine a sliding start node according to the sliding trigger position; and a sliding update sub-module 1220 for performing one or more sliding update events. Optionally, the sliding control module 1200 further includes a sliding ending sub-module (not shown in the figure) for ending the sliding.

Fig. 10 is a schematic structural diagram of a sliding update sub-module according to an embodiment of the present disclosure. Referring to fig. 10, in some embodiments of the present disclosure, the sliding update submodule 1220 mainly includes a sliding chain determination unit 1221, a response order determination unit 1222, and a node sliding unit 1223.

The sliding chain determining unit 1221 is configured to determine one or more sliding chains according to a sliding start node, a preset sliding tree, and sliding priority information of the nodes. The sliding chain comprises a plurality of slidable nodes in a sliding tree. Optionally, in some examples (e.g., the aforementioned embodiment in which the sliding priority information includes a plurality of sliding priorities corresponding to a plurality of sliding directions), the sliding chain determining unit 1221 further needs to determine the sliding chain according to the sliding direction.

The response order determining unit 1222 is configured to determine one or more nodes to be responded and a response order of the nodes to be responded according to the sliding chain. Optionally, the response order determining unit 1222 is specifically configured to determine a response order of each node to be responded based on a response-first of the node to be responded as a child node and a response-second of the node to be responded as a parent node in the sliding chain.

The node sliding unit 1223 is configured to control the node to be responded to slide according to the sliding direction, the sliding amount, and the response sequence, and correspondingly consume the sliding amount.

In some embodiments of the present disclosure, the sliding update submodule 1220 is further configured to: a plurality of slip update events are performed at preset time intervals until the slip amount is completely consumed.

In some embodiments of the present disclosure, the sliding update submodule 1220 is further configured to: after completing one sliding update event, if the sliding amount remains, the next sliding update event is performed until the sliding amount is completely consumed.

Fig. 11 is a schematic structural diagram of a sliding chain determination unit provided in one embodiment of the present disclosure. Referring to fig. 11, in some embodiments of the present disclosure, the sliding chain determination unit 1221 includes: a first sliding chain determining subunit 1221a, configured to find a slidable node in the sliding tree from the sliding start node toward the parent node to determine a first sliding chain, where nodes in the first sliding chain are arranged according to a parent-child relationship; a sliding priority information obtaining subunit 1221b, configured to obtain sliding priority information of a node in the first sliding chain; a second sliding chain determining subunit 1221c, configured to determine a second sliding chain according to the first sliding chain and the sliding priority information. Further, in this embodiment, the response order determining unit 1222 is specifically configured to determine the sliding node in the second sliding chain as the node to be responded, and determine the response order of the node to be responded according to the order of the node to be responded in the second sliding chain.

As an alternative example, the second sliding chain determining subunit 1221c is specifically configured to: judging whether the sliding nodes in the first sliding chain are: and if the second state node and the parent node are in the first sliding chain, deleting the second state node and all the descendant nodes of the second state node from the first sliding chain to obtain a second sliding chain. Alternatively, the second sliding chain determination subunit 1221c may make the determination starting from the leaf node of the first sliding chain toward the parent node.

In some embodiments of the present disclosure, the sliding control module 1200 includes a response order determination sub-module (not shown) specifically configured to: determining nodes in the sliding chain as nodes to be responded; and determining the response sequence of the nodes to be responded based on the response of the nodes to be responded serving as child nodes in the sliding chain firstly and the response of the nodes to be responded serving as parent nodes secondly.

In some embodiments of the present disclosure, the sliding update submodule 1220 is further configured to: controlling leaf nodes of the sliding chain to slide; and if the leaf node becomes non-slidable, controlling the parent node of the leaf node in the sliding chain to slide.

FIG. 12 is a schematic block diagram of one embodiment of a control page system of the present disclosure. Referring to fig. 12, an exemplary control page system 2000 of the present disclosure mainly includes a sliding operation information determination module 2100 and a page control module 2200.

The sliding operation information determining module 2100 is configured to receive an input sliding operation, and determine sliding operation information according to the sliding operation. The slide operation information includes a slide trigger position, a slide direction, and a slide amount.

The page control module 2200 is configured to: according to the sliding direction, if the sliding direction is the first direction, switching among a plurality of lists in the page is controlled; and if the sliding direction is the second direction, controlling a plurality of items in the list to be in sliding display according to any one embodiment of the method for controlling the page sliding proposed by the present disclosure.

Various embodiments of the method of controlling page sliding presented by the present disclosure or various embodiments of the method of controlling page sliding presented by the present disclosure may be implemented using a computer readable medium, such as computer software, hardware, or any combination thereof. For a hardware implementation, various embodiments of the method of controlling page sliding proposed by the present disclosure or various embodiments of the method of controlling page sliding proposed by the present disclosure may be implemented by using at least one of an Application Specific Integrated Circuit (ASIC), a Digital Signal Processor (DSP), a Digital Signal Processing Device (DSPD), a Programmable Logic Device (PLD), a Field Programmable Gate Array (FPGA), a processor, a controller, a microcontroller, a microprocessor, an electronic unit designed to perform the functions described herein, and in some cases, various embodiments of the method of controlling page sliding proposed by the present disclosure or various embodiments of the method of controlling page sliding proposed by the present disclosure may be implemented in the controller. For software implementation, various embodiments of the method of controlling page sliding presented by the present disclosure or various embodiments of the method of controlling page sliding presented by the present disclosure may be implemented with a separate software module that allows at least one function or operation to be performed. The software codes may be implemented by software applications (or programs) written in any suitable programming language, which may be stored in memory and executed by the controller.

Fig. 13 is a hardware block diagram illustrating an apparatus according to one embodiment of the present disclosure. As shown in fig. 13, a device 3000 according to an embodiment of the present disclosure includes a memory 3001 and a processor 3002. The components in the device 3000 are interconnected by a bus system and/or other form of connection mechanism (not shown). The device 3000 of the present disclosure may be implemented in various forms, including, but not limited to, a server or a mobile terminal device such as a mobile phone, a smart phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet), a PMP (portable multimedia player), a navigation apparatus, a vehicle-mounted terminal device, a vehicle-mounted display terminal, a vehicle-mounted electronic rear view mirror, etc., and a fixed terminal device such as a digital TV, a desktop computer, etc.

The memory 3001 is used to store non-transitory computer readable instructions. In particular, memory 3001 may include one or more computer program products that may include various forms of computer-readable storage media, such as volatile memory and/or non-volatile memory. The volatile memory may include, for example, Random Access Memory (RAM), cache memory (cache), and/or the like. The non-volatile memory may include, for example, Read Only Memory (ROM), hard disk, flash memory, etc.

The processor 3002 may be a Central Processing Unit (CPU) or other form of processing unit having data processing capabilities and/or instruction execution capabilities, and may control other components in the device 3000 to perform desired functions. In one embodiment of the present disclosure, the processor 3002 is configured to execute the computer readable instructions stored in the memory 3001, so that the apparatus 3000 performs all or part of the steps of the method for controlling page sliding according to the embodiments of the present disclosure.

Fig. 14 is a hardware block diagram illustrating an apparatus according to another embodiment of the present disclosure. As shown in fig. 14, an apparatus 4000 according to an embodiment of the present disclosure includes a memory 4001 and a processor 4002. The components of the apparatus 4000 are interconnected by a bus system and/or other form of connection mechanism (not shown). The apparatus 4000 of the present disclosure may be implemented in various forms including, but not limited to, a server or a mobile terminal apparatus such as a mobile phone, a smart phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a navigation device, a vehicle-mounted terminal apparatus, a vehicle-mounted display terminal, a vehicle-mounted electronic rear view mirror, etc., and a fixed terminal apparatus such as a digital TV, a desktop computer, etc.

The memory 4001 is used to store non-transitory computer readable instructions. In particular, memory 4001 may comprise one or more computer program products that may include various forms of computer-readable storage media, such as volatile memory and/or non-volatile memory. The volatile memory may include, for example, Random Access Memory (RAM), cache memory (cache), and/or the like. The non-volatile memory may include, for example, Read Only Memory (ROM), hard disk, flash memory, etc.

The processor 4002 may be a Central Processing Unit (CPU) or other form of processing unit having data processing capabilities and/or instruction execution capabilities, and may control other components in the device 4000 to perform desired functions. In one embodiment of the present disclosure, the processor 4002 is configured to execute the computer readable instructions stored in the memory 4001, so that the apparatus 4000 performs all or part of the steps of the control page method of the embodiments of the present disclosure described above.

Fig. 15 is a schematic diagram illustrating a computer-readable storage medium according to an embodiment of the present disclosure. As shown in fig. 15, a computer-readable storage medium 5000 according to an embodiment of the disclosure has non-transitory computer-readable instructions 5001 stored thereon. The non-transitory computer readable instructions 5001, when executed by a processor, perform all or a portion of the steps of the method of controlling page sliding of the embodiments of the present disclosure described previously or all or a portion of the steps of the method of controlling page of the embodiments of the present disclosure.

As described above, according to the method for controlling page sliding, the system, the terminal device and the computer-readable storage medium of the embodiment of the present disclosure, by controlling the page sliding according to the sliding priority information, fluency and actual experience of page sliding and list switching and convenience of page control can be improved. Furthermore, the sliding sequence logic is judged by constructing the first sliding chain and the second sliding chain, so that the fluency and the actual experience of page sliding and list switching can be greatly improved.

The foregoing describes the general principles of the present disclosure in conjunction with specific embodiments, however, it is noted that the advantages, effects, etc. mentioned in the present disclosure are merely examples and are not limiting, and they should not be considered essential to the various embodiments of the present disclosure. Furthermore, the foregoing disclosure of specific details is for the purpose of illustration and description and is not intended to be limiting, since the disclosure is not intended to be limited to the specific details so described.

The block diagrams of devices, apparatuses, systems referred to in this disclosure are only given as illustrative examples and are not intended to require or imply that the connections, arrangements, configurations, etc. must be made in the manner shown in the block diagrams. These devices, apparatuses, devices, systems may be connected, arranged, configured in any manner, as will be appreciated by those skilled in the art. Words such as "including," "comprising," "having," and the like are open-ended words that mean "including, but not limited to," and are used interchangeably therewith. The words "or" and "as used herein mean, and are used interchangeably with, the word" and/or, "unless the context clearly dictates otherwise. The word "such as" is used herein to mean, and is used interchangeably with, the phrase "such as but not limited to".

In addition, as used herein, "or" as used in a list of items containing "at least one," "one or more" indicates a separate list, such that, for example, a list of "at least one of A, B or C" or "A, B or one or more of C" means a or B or C, or AB or AC or BC, or ABC (i.e., a and B and C). Furthermore, the word "exemplary" does not mean that the described example is preferred or better than other examples.

It is also noted that in the systems and methods of the present disclosure, components or steps may be decomposed and/or re-combined. These decompositions and/or recombinations are to be considered equivalents of the present disclosure.

Various changes, substitutions and alterations to the techniques described herein may be made without departing from the techniques of the teachings as defined by the appended claims. Moreover, the scope of the claims of the present disclosure is not limited to the particular aspects of the process, machine, manufacture, composition of matter, means, methods and acts described above. Processes, machines, manufacture, compositions of matter, means, methods, or acts, presently existing or later to be developed that perform substantially the same function or achieve substantially the same result as the corresponding aspects described herein may be utilized. Accordingly, the appended claims are intended to include within their scope such processes, machines, manufacture, compositions of matter, means, methods, or acts.

The previous description of the disclosed aspects is provided to enable any person skilled in the art to make or use the present disclosure. Various modifications to these aspects will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other aspects without departing from the scope of the disclosure. Thus, the present disclosure is not intended to be limited to the aspects shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.

The foregoing description has been presented for purposes of illustration and description. Furthermore, this description is not intended to limit embodiments of the disclosure to the form disclosed herein. While a number of example aspects and embodiments have been discussed above, those of skill in the art will recognize certain variations, modifications, alterations, additions and sub-combinations thereof.

Claims

1. A method of controlling page sliding, the method comprising:

receiving input sliding operation, and determining sliding operation information according to the sliding operation, wherein the sliding operation information comprises a sliding trigger position, a sliding direction and a sliding amount;

controlling the nodes according to the sliding operation information, the structural relationship among the nodes and the sliding priority information of the nodes so as to slide the elements in the page or the whole page;

wherein the controlling the nodes according to the sliding operation information, the structural relationship among the plurality of nodes, and the sliding priority information of the nodes comprises: determining a sliding starting node according to the sliding triggering position; and, performing one or more sliding update events;

wherein the sliding update event comprises:

searching slidable nodes from the sliding starting node to an ancestor node in a preset sliding tree to determine a first sliding chain, wherein the nodes in the first sliding chain are arranged according to a parent-child relationship,

obtaining the sliding priority information of nodes in the first sliding chain,

determining a second sliding chain according to the first sliding chain and the sliding priority information,

determining a node in the second sliding chain as a node to be responded to,

determining the response sequence of the nodes to be responded according to the sequence of the nodes to be responded in the second sliding chain,

and controlling the node to be responded to slide and correspondingly consume the sliding amount according to the sliding direction, the sliding amount and the response sequence.

2. The method of controlling page sliding according to claim 1, wherein based on the sliding priority information, the nodes include a first state node and a second state node; the first state node slides earlier than an ancestor node of the first state node, and the second state node slides later than an ancestor node of the second state node.

3. The method of controlling page sliding according to claim 1, wherein before the step of controlling the node according to the sliding operation information, the structural relationship between the plurality of nodes, and the sliding priority information of the node, further comprising:

allowing a developer to control the sliding priority information of a node, including allowing a node to be set as a first state node or a second state node; the first state node slides earlier than an ancestor node of the first state node, and the second state node slides later than an ancestor node of the second state node.

4. A method of controlling page sliding according to claim 2 or 3, wherein said sliding priority information comprises a plurality of sliding priorities corresponding to a plurality of sliding directions.

5. The method of controlling page sliding according to claim 2 or 3, wherein said determining a second sliding chain according to the first sliding chain and the sliding priority information comprises:

and judging whether the node in the first sliding chain is the second state node and has a father node in the first sliding chain, if so, deleting the second state node and all descendant nodes of the second state node from the first sliding chain to obtain the second sliding chain.

6. The method for controlling page sliding according to claim 1, wherein said determining the response sequence of the nodes to be responded according to the sequence of the nodes to be responded in the second sliding chain comprises:

determining the response sequence based on the node to be responded as a child node in the second sliding chain responding first and the node to be responded as a parent node responding later.

7. A method of controlling page sliding according to claim 1, wherein said performing one or more sliding update events comprises: and performing a plurality of sliding update events according to a preset time interval.

8. A method of controlling page sliding according to claim 1, wherein said performing one or more sliding update events further comprises:

after completing one of the slipping update events, if the amount of slipping remains, then proceed to the next slipping update event.

9. The method for controlling page sliding according to claim 1, wherein said controlling the node to be responded to slide and consume the sliding amount correspondingly according to the sliding direction, the sliding amount and the response sequence comprises:

controlling leaf nodes of the second sliding chain to slide;

and if the leaf node becomes non-slidable, controlling the parent node of the leaf node in the second sliding chain to slide.

10. The method for controlling page sliding according to claim 1, wherein the page is a Web page of a terminal device.

11. A method of controlling a page, the method comprising:

if the sliding direction is the first direction, switching among a plurality of lists in a control page;

controlling a plurality of items in the list to be slide-shown according to the method for controlling page sliding of any one of claims 1 to 10 if the sliding direction is the second direction.

12. A system for controlling page sliding, the system comprising:

the sliding operation information determining module is used for receiving input sliding operation and determining sliding operation information according to the sliding operation, wherein the sliding operation information comprises a sliding trigger position, a sliding direction and a sliding distance;

the sliding control module is used for controlling the nodes according to the sliding operation information, the structural relationship among the nodes and the sliding priority information of the nodes so as to enable elements in the page or the whole page to slide;

wherein the slip control module includes: the sliding starting submodule is used for determining a sliding starting node according to the sliding triggering position; and, a sliding update sub-module for performing one or more sliding update events;

wherein the sliding update sub-module is specifically configured to: in a preset sliding tree, starting from the sliding starting node, searching a slidable node in the direction of an ancestor node to determine a first sliding chain, arranging the nodes in the first sliding chain according to a parent-child relationship, acquiring the sliding priority information of the nodes in the first sliding chain, determining a second sliding chain according to the first sliding chain and the sliding priority information, determining the nodes in the second sliding chain as nodes to be responded, determining the response sequence of the nodes to be responded according to the sequence of the nodes to be responded in the second sliding chain, and controlling the nodes to be responded to slide and correspondingly consume the sliding quantity according to the sliding direction, the sliding quantity and the response sequence.

13. A system for controlling page sliding according to claim 12, further comprising means for performing the steps of any of claims 2 to 10.

14. A control page system, the system comprising:

the sliding operation information determining module is used for receiving input sliding operation and determining sliding operation information according to the sliding operation, wherein the sliding operation information comprises a sliding trigger position, a sliding direction and a sliding amount;

a page control module, configured to control switching between multiple lists in a page if the sliding direction is a first direction, and control multiple items in the lists to perform sliding display according to the method for controlling page sliding in any one of claims 1 to 10 if the sliding direction is a second direction.

15. A terminal device, comprising:

a memory for storing non-transitory computer readable instructions; and

a processor for executing the computer readable instructions such that the computer readable instructions, when executed by the processor, implement the method of controlling page sliding of any of claims 1 to 10.

16. A terminal device, comprising:

a memory for storing non-transitory computer readable instructions; and

a processor for executing the computer readable instructions such that the computer readable instructions, when executed by the processor, implement the control page method of claim 11.

17. A computer readable storage medium storing non-transitory computer readable instructions which, when executed by a computer, cause the computer to perform the method of controlling page sliding of any of claims 1 to 10 or the method of controlling page of claim 11.