CN108958612A - Control method, control page method, system, equipment and the computer readable storage medium of page sliding - Google Patents
Control method, control page method, system, equipment and the computer readable storage medium of page sliding Download PDFInfo
- Publication number
- CN108958612A CN108958612A CN201810614476.2A CN201810614476A CN108958612A CN 108958612 A CN108958612 A CN 108958612A CN 201810614476 A CN201810614476 A CN 201810614476A CN 108958612 A CN108958612 A CN 108958612A
- Authority
- CN
- China
- Prior art keywords
- sliding
- node
- page
- slide
- chain
- 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.)
- Granted
Links
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/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
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)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
This disclosure relates to a kind of method of control page sliding, control page method, system, equipment and computer readable storage medium, the method of control page sliding includes: the slide for receiving input, determine that slide information, the slide information include slide trigger position, glide direction and sliding distance according to the slide；The node is controlled according to the sliding precedence information of structural relation and node between the slide information, multiple nodes, so that the element or full page in the page are slided.
Description
Technical field
This disclosure relates to Internet technical field, method, control page side more particularly to a kind of control page sliding
Method, system, equipment and computer readable storage medium.
Background technique
Applications client is consulted when using PC access Web page (or being Webpage) or using mobile phone
When the various data of the page, it is often necessary to carry out slide just and can view all information in the page.In access mobile phone etc.
When the Web page of terminal device, also tends to encounter and need the case where sliding Web page.
That there are fluencies is poor for the method that the Web page of the existing control terminal devices such as mobile phone is slided, experiences difference etc.
Problem.As people use the webpage of mobile phone terminal to replace client more and more, the experience for improving page sliding is needed.
Summary of the invention
A kind of method for being designed to provide new control page sliding of the disclosure, control page method, system, equipment
And computer readable storage medium.
The purpose of the disclosure is that it is realized by adopting the following technical scheme.The control page sliding proposed according to the disclosure
Method, comprising the following steps: the slide for receiving input determines slide information according to the slide, described
Slide information includes slide trigger position, glide direction and slippage；According to the slide information, multiple nodes it
Between structural relation and the sliding precedence information of node the node controlled so that element in the page or
Full page is slided.
The purpose of the disclosure can also be further achieved by the following technical measures.
The method of control page sliding above-mentioned, wherein be based on the sliding precedence information, the node includes first
State node and the second state node；First state node sliding more early than the ancestor node of the first state node, institute
State the sliding more late than the ancestor node of second state node of the second state node.
The method of control page sliding above-mentioned, wherein the sliding precedence information includes and multiple glide directions
Corresponding a variety of sliding priority.
The method of control page sliding above-mentioned, wherein described according between the slide information, multiple nodes
Structural relation and node sliding precedence information come to the node carry out control include: according to the slide trigger position
It sets and determines sliding start node；Carry out one or more sliding update events.
The method of control page sliding above-mentioned, wherein the sliding update event includes: to be originated to save according to the sliding
Point, preset sliding tree and the sliding precedence information determine one or more sliding chains, the sliding chain comprising it is multiple can
The node of sliding；It is determined according to the sliding chain one or more suitable to responsive node and the response to responsive node
Sequence；According to the glide direction, the slippage and according to response sequence, described slided to responsive node to control
It moves and accordingly consumes the slippage.
The method of control page sliding above-mentioned, wherein described to be set according to the sliding start node, preset sliding
Determine that one or more sliding chains include, and in sliding tree, originate from the sliding and save with the sliding precedence information
Point starts, the node to the slidable node of ancestor node direction finding to determine the first sliding chain, in first sliding chain
It is arranged according to set membership, the sliding precedence information of the node in first sliding chain is obtained, according to described first
Sliding chain and the sliding precedence information determine the second sliding chain；Described being determined according to the sliding chain is described wait respond section
Point and response sequence include being determined as the node in second sliding chain described to responsive node.
The method of control page sliding above-mentioned, wherein described according to first sliding chain and the sliding is preferential
Grade information determine the second sliding chain include: judge node in first sliding chain whether be, second state node and
There is father node in first sliding chain, if it has, then by second state node and second state node
All descendant nodes are deleted from first sliding chain, to obtain second sliding chain.
The method of control page sliding above-mentioned, wherein described to determine one or more wait ring according to the sliding chain
Answer node and the response sequence to responsive node include: the node in the sliding chain is determined as it is described wait respond section
Point；Based in the sliding chain as first responded described in child node to responsive node, as described in father node wait respond section
It is responded after point to determine the response sequence.
The method of control page sliding above-mentioned, wherein the described carry out one or more sliding update event include: by
Multiple sliding update events are carried out according to preset time interval.
The method of control page sliding above-mentioned, wherein the carry out one or more slides update event further include:
After completing a sliding update event, if the slippage still has residue, carries out next sliding and update
Event.
The method of control page sliding above-mentioned, wherein described to determine one or more wait ring according to the sliding chain
Node and the response sequence to responsive node are answered, according to the glide direction, the slippage and according to the response
Sequentially, it carries out sliding and accordingly consumes the slippage to include: the control sliding chain to control described to responsive node
Leaf node is slided；If the leaf node becomes not slidably, controlling the leaf node in the sliding chain
In father node slided.
The method of control page sliding above-mentioned, wherein the page is the webpage Web page of terminal device.
The purpose of the disclosure also uses following technical scheme to realize.Control page method is proposed according to the disclosure, including
Following steps: receiving the slide of input, determines slide information, the slide information according to the slide
Including slide trigger position, glide direction and slippage；If the glide direction is first direction, control more in the page
It is switched between a list；If the glide direction is second direction, according to any one aforementioned control page sliding
Method carry out sliding displaying to control multiple projects among the list.
The purpose of the disclosure also uses following technical scheme to realize.According to the disclosure propose the control page slide be
System, comprising: slide information determination module, slide for receiving input are determined according to the slide and slided
Operation information, the slide information include slide trigger position, glide direction and sliding distance；Control module is slided, is used
According to the sliding precedence information of structural relation and node between the slide information, multiple nodes come to described
Node is controlled, so that the element or full page in the page are slided.
The purpose of the disclosure can also be further achieved by the following technical measures.
The system of control page sliding above-mentioned, wherein be based on the sliding precedence information, the node includes first
State node and the second state node；First state node sliding more early than the ancestor node of the first state node, institute
State the sliding more late than the ancestor node of second state node of the second state node.
The system of control page sliding above-mentioned, wherein the sliding precedence information includes and multiple glide directions
Corresponding a variety of sliding priority.
The system of control page sliding above-mentioned, wherein the sliding control module includes: that sliding starts submodule, is used
Start node is slided in determining according to the slide trigger position；Sliding updates submodule, for carrying out one or more slidings
Update event.
The system of control page sliding above-mentioned, wherein it includes: sliding chain determination unit that the sliding, which updates submodule,
For determining one or more slidings according to the sliding start node, preset sliding tree and the sliding precedence information
Chain, the sliding chain include multiple slidable nodes；Order determination unit is responded, for determining one according to the sliding chain
Or it is multiple to responsive node and the response sequence to responsive node；Node sliding unit, for according to the sliding side
To, the slippage and according to the response sequence, slide and accordingly consume controlling described to responsive node described in
Slippage.
The system of control page sliding above-mentioned, wherein the sliding chain determination unit includes: that the first sliding chain determines
Subelement, for since the sliding start node, slidably being saved to ancestor node direction finding in sliding tree
Point is to determine that the first sliding chain, the node in first sliding chain are arranged according to set membership；Precedence information is slided to obtain
Subelement, for obtaining the sliding precedence information of the node in first sliding chain；Second sliding chain determines that son is single
Member, for determining the second sliding chain according to first sliding chain and the sliding precedence information；The response sequence is true
Order member is specifically used for for the node in second sliding chain being determined as described to responsive node.
The system of control page sliding above-mentioned, wherein second sliding chain determines that subelement is specifically used for: judgement
Whether node in first sliding chain is second state node and to have father node in first sliding chain,
If it has, then by all descendant nodes of second state node and second state node from first sliding chain
It deletes, to obtain second sliding chain.
The system of control page sliding above-mentioned, wherein the sliding control module includes that response sequence determines submodule
Block is used for: the node in the sliding chain being determined as described to responsive node；Based in the sliding chain as child node
It is described first to be responded after responsive node, determine response sequence as responding after responsive node described in father node.
The system of control page sliding above-mentioned, wherein the sliding updates submodule and is also used to: according to it is preset when
Between interval carry out multiple sliding update events.
The system of control page sliding above-mentioned, wherein the sliding updates submodule and is also used to: an institute is completed
After stating sliding update event, if the slippage still has residue, next sliding update event is carried out.
The system of control page sliding above-mentioned, wherein the sliding updates submodule and is also used to: controlling the sliding
The leaf node of chain is slided；If the leaf node becomes not slidably, controlling the leaf node in the cunning
Father node in dynamic chain is slided.
The system of control page sliding above-mentioned, wherein the page is the webpage Web page of terminal device.
The purpose of the disclosure also uses following technical scheme to realize.According to the control page system that the disclosure proposes, packet
Include: slide information determination module, slide for receiving input determine that slide is believed according to the slide
Breath, the slide information includes slide trigger position, glide direction and slippage；Page control module, if being used for institute
Stating glide direction is first direction, then controls and switch between multiple lists in the page, if the glide direction is the
Two directions are then slided according to the method for any one aforementioned control page sliding to control multiple projects among the list
It is dynamic to show.
The purpose of the disclosure also uses following technical scheme to realize.A kind of equipment proposed according to the disclosure, comprising: deposit
Reservoir, for storing non-transitory computer-readable instruction；And processor makes for running the computer-readable instruction
Obtain the method that any one aforementioned control page sliding is realized when the processor executes.
The purpose of the disclosure also uses following technical scheme to realize.A kind of equipment proposed according to the disclosure, comprising: deposit
Reservoir, for storing non-transitory computer-readable instruction；And processor makes for running the computer-readable instruction
It obtains and realizes any one aforementioned control page method when the processor executes.
The purpose of the disclosure also uses following technical scheme to realize.One kind that the foundation disclosure proposes is computer-readable to deposit
Storage media, for storing non-transitory computer-readable instruction, when the non-transitory computer-readable instruction is held by computer
When row, so that the computer executes the method that any one aforementioned control page slides or any one aforementioned control page side
Method.
Above description is only the general introduction of disclosed technique scheme, in order to better understand the technological means of the disclosure, and
It can be implemented in accordance with the contents of the specification, and to allow the above and other objects, features and advantages of the disclosure can be brighter
Show understandable, it is special below to lift preferred embodiment, and cooperate attached drawing, detailed description are as follows.
Detailed description of the invention
Fig. 1 is the flow diagram of the method for the control page sliding of an embodiment of the present disclosure.
Fig. 2 is the flow diagram for carrying out sliding update event that an embodiment of the present disclosure provides.
Fig. 3 is the flow diagram for the determination sliding chain that an embodiment of the present disclosure provides.
Fig. 4 A and Fig. 4 B are an embodiment of the present disclosure offers in two sliding update events of page sliding
The schematic diagram of determined sliding chain.
Fig. 5 is the page layout schematic diagram that an embodiment of the present disclosure provides.
Fig. 6 A is the signal that list switching is carried out in the case where a kind of page layout that an embodiment of the present disclosure provides
Figure.
Fig. 6 B is the signal that list switching is carried out in the case where another page layout that an embodiment of the present disclosure provides
Figure.
Fig. 7 is the flow diagram of the control page method of an embodiment of the present disclosure.
Fig. 8 is the structural block diagram of the system of the control page sliding of an embodiment of the present disclosure.
Fig. 9 is the structural block diagram for the sliding control module that an embodiment of the present disclosure provides.
Figure 10 is the structural block diagram that the sliding that an embodiment of the present disclosure provides updates submodule.
Figure 11 is the structural block diagram for the sliding chain determination unit that an embodiment of the present disclosure provides.
Figure 12 is the structural block diagram of the control page system of an embodiment of the present disclosure.
Figure 13 is the hardware block diagram of the equipment of an embodiment of the present disclosure.
Figure 14 is the hardware block diagram of the equipment of another embodiment of the disclosure.
Figure 15 is the schematic diagram of the computer readable storage medium of an embodiment of the present disclosure.
Specific embodiment
Further to illustrate that the disclosure is the technical means and efficacy reaching predetermined goal of the invention and being taken, below in conjunction with
Attached drawing and preferred embodiment, method, control page method, system, equipment to the control page sliding proposed according to the disclosure
And specific embodiment, structure, feature and its effect of computer readable storage medium, detailed description is as follows.
Fig. 1 is the schematic flow block diagram of method one embodiment of the control page sliding of the disclosure.Referring to Fig. 1,
The method of the exemplary control page sliding of the disclosure, mainly comprises the steps that
Step S11 receives the slide (scroll, or referred to as scroll operation) of input, is determined according to slide
Slide information.Wherein, which includes slide trigger position, glide direction and slippage.The slippage is
What displacement, speed, dynamics based on slide etc. obtained, for controlling the distance of page sliding.It should be noted that the cunning
Dynamic operation is not limited to the received slip gesture of the terminal devices such as mobile phone institute, is also possible to carry out using other equipment all kinds of
Slide.
Step S12, the sliding according to structural relation and node between slide information, multiple nodes (Node) are excellent
First grade information, to control node, so that the element or full page in the page are slided.Specifically, institute here
The node said is element in the page or is full page.And the structural relation between node generally comprises: between two nodes
Set membership or more than two node between tree relationship.Since the situation of two nodes can be considered multiple nodes
A kind of special case of situation, is below only specifically described the situation of multiple nodes.The tree relationship might as well be known as sliding
Dynamic tree (Scroll Tree), sliding tree generally pre-set.
Node, which slidably (slidably can also referred to as slide, node is slidably also referred to as element slidably), refers to child node
The length of (or being container inner element) is greater than father node (or being container) length itself, and child node is (inside container
Element bottom) it is not up to the edge (or being bottom) of father node (container).It should be noted that slidably there is directionality,
Specifically, if the edge (or being the bottom of one end) in a direction of container inner element is not up to the counterparty of container
To edge, then in this direction slidably.In addition, a node is slidably, in fact namely the node can consume cunning
Momentum.The page slidably includes a variety of actual conditions, for example, one is for two page members as father node, child node
Element (in some instances, is provided with if the length of child node is greater than the length of father node and is provided with corresponding sliding attribute
CSS attribute overflow:scroll), then the child node is slidable；Another kind be equipment viewport (viewport, generally
For the visible area of device screen) it is used as container, full page is as container inner element, if the length of full page is greater than
The length of viewport, then the page is slidable, in fact in this case, viewport and the page can be equally considered as to father's section
Point and child node.
And node is not slidably, is in fact exactly the space that child node does not move in the respective direction inside father node
, for example, after child node reaches behind the edge of father node container inner element bottom in other words and container bottom alignment, just
Can become can not sliding mode.But should be noted that ought in one direction (for example, upwards) not slidably, other
It is slidable on direction (for example, downwards).
In some embodiments of the present disclosure, the sliding precedence information of node includes first state and the second state, or
Person says that, according to sliding precedence information, node includes first state node and the second state node.Wherein, the cunning of a node
Precedence information is moved if first state, then it represents that node response (in other words, first state more early than the ancestor node of the node
Node is slided prior to the ancestor node of first state node), then indicate that the node is saved than the ancestors of the node if the second state
Point evening response (in other words, being slided after the second state node in the ancestor node of the second state node).Optionally, priority is slided
It is defaulted as first state, and can be set to the second state.
In some embodiments of the present disclosure, corresponding to different glide directions, the sliding precedence information of node includes
A variety of sliding priority corresponding with multiple glide directions.Optionally, the value of sliding priority corresponding with each direction
Include first state and the second state.
The disclosure propose control the page sliding method, by according to sliding precedence information control node sliding,
It can be improved the fluency of page sliding and the convenience of real experiences and the control page.
Specifically, multiple page operation event (Web Gesture are produced based on a received slide
Event), each page operation event corresponds to sliding mode (Scroll State), including sliding start (Scroll Begin),
Sliding, which updates (Scroll Update) and sliding, terminates (Scroll End).In some embodiments of the disclosure, step S12 tool
Body includes: to carry out sliding beginning event, for determining sliding start node according to slide trigger position；And carry out one or more
A sliding update event.Optionally, step S12 further includes carrying out sliding End Event, for terminating this sliding.
When child node and father node can slide, for the sequencing for determining node response, sliding chain is constructed
(Scroll Chain) and the successive logic that sliding is determined according to position of the sliding node on sliding chain.As a kind of optional
Embodiment carries out the sliding update based on sliding chain.Fig. 2 is that method one embodiment that the control page of the disclosure slides mentions
What is supplied carries out the schematic flow block diagram of sliding update event.Referring to Fig. 2, being slided in some embodiments of the present disclosure
Dynamic update event specifically includes:
Step S21 determines one according to sliding start node, the sliding precedence information of preset sliding tree and node
Or multiple sliding chains (Scroll Chain).The sliding chain includes to slide multiple slidable nodes in setting as slip joint
Point.
In some optional examples, sliding node is arranged in sliding chain according to set membership.It might as well will be in sliding chain
Close one end of father node (in other words, one end where the root node of sliding chain) is known as head end, and child node is close
One end (in other words, one end where the leaf node of sliding chain) is known as aft end.The specific method for determining the sliding chain is, from
Sliding start node starts, and sets from sliding and takes out present node, judge whether to slide, if sliding is slidably then added
Chain, then looks for the father node of present node in sliding tree again, then is judged, until sliding the root node of tree (in fact
Generally viewport node), sliding chain successively can be added in slidable interdependent node in this way.And in other optional examples
In, sliding node is arranged in sliding chain based on the sliding precedence information of node.
Optionally, in some instances, such as sliding precedence information above-mentioned includes corresponding with multiple glide directions
In the embodiment of a variety of sliding priority, it is also necessary to determine sliding chain according to glide direction.
Step S22 determines one or more to responsive node according to the sliding chain and is somebody's turn to do suitable to the response of responsive node
Sequence (or referred to as sliding sequence).Specifically, the sliding node in sliding chain is determined as to responsive node.Optionally, it is based on
As first being responded after responsive node of child node, responded after responsive node (in some examples as father node in sliding chain
In namely according to from the aft end of sliding chain to the sequence of head end) determine each response sequence to responsive node.
Step S23 is slided to control to responsive node according to glide direction, slippage and according to response sequence
It is dynamic, and accordingly consume the slippage.
In some instances, it after completing a sliding update event, if slippage still has residue, then carries out next
A sliding update event, until completely consuming slippage.
In some instances, multiple sliding update events are carried out according to the preset time interval optionally work as slippage
After completely consuming, sliding End Event is carried out.Can by the time interval obtain it is very short so that sliding update event into
It is very intensively capable, it is at this moment general in a sliding updates only to slide a node, generally require multiple sliding update events
One node can be slided.In fact, to have carried out page elements or full page a bit of for each sliding update event
The displacement of distance.Therefore in some instances, in a sliding update event, take the leaf node of the aft end of sliding chain into
Row slides and accordingly consumes slippage.
The method for the control page sliding that the disclosure proposes, the successive logic of sliding, Neng Gou great are judged based on sliding chain
The big fluency for improving page sliding and real experiences and the convenience for controlling the page.
In some instances, sliding node arranges in sliding chain according to set membership, and child node is in the tail portion of sliding chain
And father node is on the head of sliding chain, and the process that control node is slided is successively to take out to slide since sliding chain tail portion
What dynamic node was handled, therefore slidable node first can be found according to sliding tree and form sliding chain, it is excellent further according to sliding
The sequence of node in first grade information adjustment sliding chain.Fig. 3 is that method one embodiment that the control page of the disclosure slides mentions
The schematic flow block diagram of the determination sliding chain of confession.Referring to Fig. 3, in one embodiment of the present disclosure, in step S21 really
The process for determining sliding chain specifically includes:
Step S31, in sliding tree, since sliding start node, to the slidable node of father node direction finding, with
Determine the first sliding chain.Node in first sliding chain is arranged according to set membership, and father node might as well be enabled close to head end, son
Node is close to aft end.Specifically, it since sliding start node, is set from sliding and takes out present node, judge whether to slide
Dynamic (in other words, if slippage can be consumed), if if a sliding chain (as the first sliding chain) is added, then go again
The father node of the present node in sliding tree is found, then carries out the judgement, it, thus can be complete until the root node of sliding tree
At the construction of the first sliding chain.It is worth noting that, in some instances, whether node is slidably that tool is directive, into
And carry out it is above-mentioned judge during need specifically to judge: slidably whether node in glide direction.
Step S32 obtains the sliding precedence information of the node in the first sliding chain.
Step S33 determines the second sliding chain according to the first sliding chain and sliding precedence information.Optionally, show some
In example (such as sliding precedence information above-mentioned includes a variety of embodiments for sliding priority corresponding with multiple glide directions),
It also needs to determine the second sliding chain according to glide direction.
And then in the present embodiment, step S22 is specifically included: the sliding node in second sliding chain is determined as wait ring
Node is answered, determines that this waits for the response of responsive node sequence according to sequence of the responsive node in the second sliding chain.In general,
Equally can according in the second sliding chain as first being responded to responsive node of child node, as father node to responsive node
It is responded afterwards to determine response sequence.It is further noted that in some instances, the time interval for sliding update event is non-
It is often short, it at this moment only needs using the leaf node of the second sliding chain tail portion as to responsive node, and in the sliding update event
The leaf node for controlling second sliding chain is slided.
Specifically, the second sliding chain can be determined in several ways.In some embodiments of the present disclosure, is determined
The process of two sliding chains includes judging whether is sliding node in the first sliding chain are as follows: the second state node and in the first sliding
There is father node, if it has, then by all descendant nodes of second state node and second state node from first in chain
It is deleted in sliding chain, to obtain the second sliding chain.It is alternatively possible to father node side since the leaf node of the first sliding chain
To this judgement of progress.And in other embodiments of the disclosure, by the way that the first sliding chain is disconnected from the second state node
To generate multiple second sliding chains, and according to the second sliding close to root node (in other words close to the first sliding chain head end)
Chain first responds, responds after second sliding chain of leaf node (in other words close to the first sliding chain aft end) mode is set
Set the response sequence of these the second sliding chains.
As a kind of optional example, the step S33 of the disclosure is specifically included: (in other words from the aft end of the first sliding chain
Leaf node) start, successively each sliding node in the first sliding chain is judged: if present node and glide direction
Corresponding sliding priority is first state, then continues the father node to present node in the first sliding chain and carry out this judgement；
If the sliding priority corresponding with glide direction of present node is the second state and present node has in the first sliding chain
There is father node, then delete all descendant nodes of present node and present node from first sliding chain, then proceedes to pair
Father node of the present node in the first sliding chain carries out this judgement.Then, will to all sliding nodes in the first sliding chain into
The sliding chain formed after this judgement of row is determined as the second sliding chain.In this way can in not concept transfer in sliding chain according to father and son
Under the premise of relationship arranges this feature, control node is responded.
Fig. 4 A and Fig. 4 B be an embodiment of the present disclosure provide in two sliding update events of a sliding process
The schematic diagram of identified sliding chain.Fig. 4 A is please referred to, in the specific example of a control page sliding method of the disclosure,
1 is sequentially arranged in first sliding chain determined by a sliding update event (the first sliding update event might as well be known as)
Number, No. 2, No. 3 and No. 4 four nodes, close to head end, (No. 1 node is the root section in the first sliding chain to No. 1 node in other words
Point), No. 4 nodes are close to aft end (No. 4 nodes are the leaf nodes in the first sliding chain in other words).If No. 4 sections therein
Point is the second state node, other nodes are first state node, then sliding using shown in the embodiment of the present disclosure determining second
The method of dynamic chain during controlling page sliding, in the first sliding update event, will delete No. 4 in the first sliding chain
Node, to generate the second sliding chain (sliding for Fig. 4 A left side of dotted line comprising No. 1 node, No. 2 nodes and No. 3 nodes
Chain), and take No. 3 nodes of the aft end of the second sliding chain to be slided in the first sliding update event and accordingly consume
Slippage.If completing still have remaining slippage after the first sliding update event, it will do it next sliding and update
Event (might as well be known as the second sliding update event).As shown in Figure 4 B, if No. 3 nodes pass through among the first sliding update event
Become not slidable state after crossing sliding, then No. 3 nodes just do not enter back among sliding chain, to update in the second sliding
First sliding chain comprising No. 1 node, No. 2 nodes and No. 4 nodes will be generated in event.Update event is slided second
In, since No. 4 nodes are the second state node and have slidable ancestor node, so No. 4 nodes still can be by sliding from first
It deletes in dynamic chain to obtain the second sliding chain (sliding chain of Fig. 4 B left side of dotted line) comprising No. 1 node and No. 2 nodes.It is undergoing
After multiple sliding update events, when No. 4 nodes do not have slidable ancestor node, 4 just do not delete from sliding chain
It removes, No. 4 nodes is slided again at this time.To realize the ancestor node for first sliding No. 4 nodes, until the institute of No. 4 nodes
There is ancestor node and become not slidably and then No. 4 nodes of sliding.
The method for the control page sliding that the disclosure proposes slides tree the first sliding chain of construction by being based on, then based on cunning
Dynamic precedence information constructs the second sliding chain, and is responded according to the second sliding chain come control node, can be more advantageously
Each successive logic slided to responsive node is controlled, and then the fluency and practical body of page sliding can be greatly improved
Test and control the convenience of the page.
Existing control page end sliding priority mainly realizes that project plan comparison is complicated using Javascript.At this
In open one embodiment, proposes that a new CSS is regular " overflow-propagation ", developer is allowed freely to control
The sliding priority of node, to provide better solution for control webpage rolling.Specifically, corresponding to up and down four
The slide in a direction, the overflow-propagation series specifically include four attributes: overflow-
Propagation-up, overflow-propagation-down, overflow-propagation-left and overflow-
Propagation-right, there are two the attribute values that each attribute is taken: (Legacy Status corresponds to above-mentioned first to normal
State) or parent (father node priority status corresponds to the second state above-mentioned), wherein the normal state is traditional cunning
Dynamic priority indicates that sliding effect acts on nearest child node first, acts on father node, in other words, child node is first slided
It is dynamic, child node become not slidably after, the father node of the child node just starts to slide；The parent state is new after improving
Effect indicates the father node for first sliding the child node, after all ancestor nodes of the child node become not slidably, then slides
Move the child node.
As an optional example, overflow_propagation attribute is arranged to each node, according to above-mentioned
During the exemplary method of the disclosure generates sliding chain, monitoring has the node next life of overflow_propagation attribute
At sliding chain.Specifically, remembeing has overflow_propagation attribute in the first sliding chain be parent state and can
With the father node of the node of sliding (slippage can be consumed), it is set as priority_scroll_node, is then tied in circulation
The later node of priority_scroll_node is deleted in the first sliding chain of Shu Houcong, to obtain the second sliding chain.And if
There is no father nodes for node with overflow_propagation attribute, would not delete the node from the first sliding chain
It removes.Still using No. 1, No. 2, No. 3 and No. 4 four nodes are sequentially arranged in the first sliding chain above-mentioned and No. 1 node as root node,
In case where No. 4 nodes are leaf node, if the value of the overflow-propagation-up attribute of No. 4 nodes is
Parent, the value of the attribute of other nodes are normal, then sliding sequence when upward sliding is 3- > 2- > 1- > 4；And such as
The value of No. 2 node overflow-propagation-down attributes of fruit is parent, and the value of the attribute of other nodes is
Normal, then sliding sequence when slide downward is 1- > 4- > 3- > 2.
It is developed using the Web page that method shown in the disclosure carries out mobile phone terminal, need to only increase the disclosure in corresponding node
Exemplary overflow-propagation series attribute can realize the effect of control page sliding glibly.
In sliding renewal process, if by the way of taking the leaf node of sliding chain aft end to be slided, when
Leaf node from slidably state become can not sliding mode when, a variety of processing modes can be used.In a reality of the disclosure
It applies in example, if leaf node becomes that not slidably (slippage in other words, cannot be consumed) in a sliding update event, then
Sliding End Event is carried out, although being no longer transmitted to father so that this slide there remains the slippage not run out of
Element, in other words, no longer sliding father node, this phenomenon are known as slide latch.And in another embodiment of the present disclosure,
The slide latch can be cancelled, specifically, if in a sliding update event leaf node become can not sliding mode (or
Person says, cannot consume slippage), then it controls father node of the leaf node in sliding chain and slide and accordingly consume sliding
Momentum.
It is possible to further which slide latch information is arranged for node, to judge that node becomes being after sliding mode
It is no to continue to slide father node.In some embodiments of the present disclosure, sliding update event is carried out further include: obtain the sliding of node
Latch information, which includes the third state and the 4th state, in other words, according to slide latch information, node packet
Include third state node and the 4th state node；Wherein, the slide latch information of a node indicates the section if the third state
Point become not slidably after, unconsumed slippage is passed to the father node of the node, the slide latch information of a node
If the 4th state, indicate the node become not slidably after, unconsumed slippage is not passed to the father node of the node；
Then judged according to the slide latch information, if the leaf node of sliding chain is third state node, the leaf section
Point become can not after sliding mode (slippage in other words, cannot be consumed), to father node of the leaf node in sliding chain after
It is continuous to be slided and continue accordingly to consume slippage, if the leaf node of sliding chain is the 4th state node, the leaf
Node becomes that sliding End Event can not be carried out after sliding mode.Specifically, the disclosure proposes a kind of terminal device page end
New CSS rule " continuous-scroll:continuous；".Page end is in sub- section to the basic interaction of slide
Point cannot remove sliding father node when cannot consume slippage again, but if added this " continuous-scroll:
continuous；" attribute, then sliding father node will be removed, to realize the releasing of slide latch.
Fig. 5 is the page layout schematic diagram that an embodiment of the present disclosure provides.The title for recording user information in Fig. 5
Part is father's element of the page, and the list section comprising multiple works in Fig. 5 is the daughter element of the page.Page is more concerned about in user
In the case where daughter element in face, by by daughter element be set as the second state and according to method shown in the disclosure control the page into
Row sliding, can first slide father's element, father's element is made first to skid off viewport, and be exposed to more valuable daughter element all quickly
Viewport.And in the case where traditional daughter element is preferential (first state i.e. above-mentioned), daughter element can be slided always, and father's element
Always in viewport, the display position for allowing more valuable daughter element content to occupy tails off.
In some instances, as shown in figure 5, the title division for recording user information is the head (head) of the page；Page
Navigation tag (nav) is arranged in face lower head, and navigation tag is used to indicate the title of each list；It is equipped with below navigation tag
List container (container), list container are used to accommodate multiple projects (item) that list is included (in fact, each column
Table is multiple destination aggregation (mda)s).It is multiple in response to the operation (such as slip gesture) of user when the page includes multiple lists
List switches among container, and can only show among synchronization container one in multiple lists, such as
In Fig. 5, works list is shown among list container, comprising multiple projects such as works 1, works 2, and likes list not
Among list container.
Two kinds of page layout modes can be used to list container and each list.Fig. 6 A and Fig. 6 B are the embodiment of the present disclosure
What is provided carries out the schematic diagram of list switching in the case where two kinds of page layouts.As shown in Figure 6A, a kind of layout type is to incite somebody to action
The length of list container is arranged consistent with the cumulative length of all items in list, and list in this way is carrying out
When switching, (it can might as well be referred to as due to the variation that the wink of page head position moves and keeps entire webpage generation very lofty, make the page
Head jitter).As shown in Figure 6B, another layout type is that the length of list container is fixed to and made it equal to viewport length,
List in this way will not be such that page head shakes when switching over, but according to traditional sliding method control
When list-item processed slides displaying in list container, understands and be not easy to list always situated in viewport due to page head and cut
It changes.Therefore, any one exemplary control page sliding method of the disclosure above-mentioned can be utilized during controlling the page
Sliding displaying is carried out to multiple projects among multiple lists in the page, so that page head first skids off viewport.Specifically,
Fig. 7 is the schematic flow block diagram of control page method one embodiment of the disclosure.Referring to Fig. 7, the exemplary control of the disclosure
Page method processed, mainly comprises the steps that
Step S41 receives the slide of input, determines slide information according to the slide, the slide
Information includes slide trigger position, glide direction and slippage；
Step S42 controls multiple lists in the page if glide direction is first direction according to the glide direction
Between switch over；If glide direction is second direction, the control page sliding method proposed according to the disclosure above-mentioned
Any one embodiment carry out sliding displaying to control multiple projects among list.Wherein, the first direction, the second party
There is certain angle between, for example, one among the first direction, the second direction is edge in a kind of optional example
The transverse direction of the page, another be along the longitudinal direction of the page.
The control page method that the disclosure proposes passes through the sliding according to sliding precedence information control node, Neng Gouti
The fluency and real experiences of high page presentation (especially multiple list handoff procedures).
It should be noted that each reality of control page sliding method and control page method that the disclosure above-mentioned proposes
The sliding that example is applied especially suitable for the webpage Web page to terminal device controls.
Fig. 8 is the schematic diagram of system one embodiment of the control page sliding of the disclosure.Referring to Fig. 8, this
The system 1000 for disclosing exemplary control page sliding mainly includes slide information determination module 1100 and sliding control mould
Block 1200.
Wherein, the slide for receiving input of slide information determination module 1100, it is true according to slide
Determine slide information.Wherein, which includes slide trigger position, glide direction and slippage.
The sliding control module 1200 is used for according to the structural relation and node between slide information, multiple nodes
Sliding precedence information, to control node, so that the element or full page in the page are slided.Specifically
Ground, node mentioned here are element in the page or are full page.
Fig. 9 is the schematic diagram for the sliding control module that an embodiment of the present disclosure provides.Referring to Fig. 9, at this
It discloses in some embodiments, sliding control module 1200 includes: that sliding starts submodule 1210, for according to slide trigger position
Determine sliding start node；And sliding updates submodule 1220, for carrying out one or more sliding update events.It is optional
Ground, sliding control module 1200 further includes that sliding terminates submodule (not shown), for terminating this sliding.
Figure 10 is the schematic diagram that the sliding that an embodiment of the present disclosure provides updates submodule.Referring to Fig. 10,
In some embodiments of the disclosure, it is mainly true including sliding chain determination unit 1221, response sequence that sliding updates submodule 1220
Order member 1222 and node sliding unit 1223.
The sliding chain determination unit 1221 is used for preferential according to the sliding of sliding start node, preset sliding tree and node
Grade information determines one or more sliding chain.The sliding chain includes multiple slidable nodes in sliding tree.Optionally, exist
In some examples (such as sliding precedence information above-mentioned includes the reality of a variety of sliding priority corresponding with multiple glide directions
Apply example), sliding chain determination unit 1221 also needs to determine sliding chain according to glide direction.
The response order determination unit 1222 is used to determine one or more to responsive node according to the sliding chain and be somebody's turn to do
Response sequence to responsive node.Optionally, which is specifically used for sub based on being used as in sliding chain
Node is first responded after responsive node, is responded after responsive node as father node to determine each response to responsive node
Sequentially.
The node sliding unit 1223 is used for according to glide direction, slippage and according to response sequence, to control wait ring
It answers node to be slided, and accordingly consumes the slippage.
In some embodiments of the present disclosure, sliding update submodule 1220 be also used to: according to the preset time interval into
The multiple sliding update events of row, until completely consuming slippage.
In some embodiments of the present disclosure, sliding updates submodule 1220 and is also used to: updating thing completing a sliding
After part, if slippage still has residue, then carries out next sliding update event, until slippage is completely consumed.
Figure 11 is the schematic diagram for the sliding chain determination unit that an embodiment of the present disclosure provides.Figure 11 is please referred to,
In some embodiments of the disclosure, sliding chain determination unit 1221 includes: that the first sliding chain determines subelement 1221a, is used for
It,, should to determine the first sliding chain to the slidable node of father node direction finding since sliding start node in sliding tree
Node in first sliding chain is arranged according to set membership；It slides precedence information and obtains subelement 1221b, for obtaining first
The sliding precedence information of node in sliding chain；Second sliding chain determines subelement 1221c, for according to the first sliding chain and
Precedence information is slided, determines the second sliding chain.And then in the present embodiment, response order determination unit 1222 is specifically used for inciting somebody to action
Sliding node in second sliding chain is determined as to responsive node, according to true to sequence of the responsive node in the second sliding chain
Fixed this waits for the response sequence of responsive node.
As a kind of optional example, which determines that subelement 1221c is specifically used for: judging in the first sliding chain
Sliding node whether are as follows: the second state node and in the first sliding chain have father node, if it has, then by second state
All descendant nodes of node and second state node are deleted from the first sliding chain, to obtain the second sliding chain.Optionally,
Second sliding chain determines that subelement 1221c can carry out this to father node direction since the leaf node of the first sliding chain and sentence
It is disconnected.
In some embodiments of the present disclosure, sliding control module 1200 includes that response sequence determines submodule (in figure not
Show) it is specifically used for: the node in sliding chain is determined as to responsive node；Based in sliding chain as child node wait respond
Node first responds, determines the response sequence to responsive node as responding after responsive node for father node.
In some embodiments of the present disclosure, sliding updates submodule 1220 and is also used to: controlling the leaf node of sliding chain
It is slided；If the leaf node becomes not slidably controlling father node of the leaf node in sliding chain and be slided
It is dynamic.
Figure 12 is the schematic diagram of control page system one embodiment of the disclosure.Please refer to Figure 12, the disclosure
Exemplary control page system 2000 mainly includes slide information determination module 2100 and page control module 2200.
The slide for receiving input of slide information determination module 2100 is determined according to the slide and is slided
Dynamic operation information.The slide information includes slide trigger position, glide direction and slippage.
The page control module 2200 is used for: controlling page if glide direction is first direction according to the glide direction
It is switched between multiple lists in face；If glide direction is second direction, the control proposed according to the disclosure above-mentioned
Any one embodiment of page sliding method processed carries out sliding displaying to control multiple projects among list.
The control page side that the various embodiments or the disclosure of the method for the control page sliding that the disclosure proposes propose
The various embodiments of method can be real to use the computer-readable medium of such as computer software, hardware or any combination thereof
It applies.Hardware is implemented, the control that the various embodiments or the disclosure of the method for the control page sliding that the disclosure proposes propose
The various embodiments of page method processed can be by using application-specific IC (ASIC), digital signal processor
(DSP), digital signal processing device (DSPD), programmable logic device (PLD), field programmable gate array (FPGA), processing
Device, microcontroller, microprocessor, is designed to execute at least one of electronic unit of function described herein controller
Implement, in some cases, the various embodiments or the disclosure of the method for the control page sliding that the disclosure proposes propose
The various embodiments of control page method can implement in the controller.The control proposed for software implementation, the disclosure
The page sliding method various embodiments or the disclosure propose control page method various embodiments can with permit
Perhaps the individual software module of at least one functions or operations is executed to implement.Software code can be by with any programming appropriate
Software application (or program) that language is write is implemented, and software code can store in memory and be held by controller
Row.
Figure 13 is the hardware block diagram for illustrating the equipment of one embodiment according to the disclosure.As shown in figure 13, according to this public affairs
The equipment 3000 for opening embodiment includes memory 3001 and processor 3002.Each component in the equipment 3000 passes through bus system
And/or bindiny mechanism's (not shown) interconnection of other forms.The equipment 3000 of the disclosure can be implemented in a variety of manners, including
But it is not limited to server or such as mobile phone, smart phone, laptop, digit broadcasting receiver, PDA (individual digital
Assistant), PAD (tablet computer), PMP (portable media player), navigation device, vehicle-mounted terminal equipment, car-mounted display it is whole
The mobile terminal device at end, vehicle electronics rearview mirror etc. and the fixed terminal of such as number TV, desktop computer etc. are set
It is standby.
The memory 3001 is for storing non-transitory computer-readable instruction.Specifically, memory 3001 may include
One or more computer program products, the computer program product may include various forms of computer-readable storage mediums
Matter, such as volatile memory and/or nonvolatile memory.The volatile memory for example may include random access memory
Device (RAM) and/or cache memory (cache) etc..The nonvolatile memory for example may include read-only memory
(ROM), hard disk, flash memory etc..
The processor 3002 can be central processing unit (CPU) or have data-handling capacity and/or instruction execution
The processing unit of the other forms of ability, and can control other components in the equipment 3000 to execute desired function.
In one embodiment of the present disclosure, the processor 3002 is for running the computer-readable finger stored in the memory 3001
It enables, so that the equipment 3000 executes all or part of step of the method for the control page sliding of each embodiment of the disclosure above-mentioned
Suddenly.
Figure 14 is the hardware block diagram for illustrating equipment according to another embodiment of the present disclosure.As shown in figure 14, according to this public affairs
The equipment 4000 for opening embodiment includes memory 4001 and processor 4002.Each component in the equipment 4000 passes through bus system
And/or bindiny mechanism's (not shown) interconnection of other forms.The equipment 4000 of the disclosure can be implemented in a variety of manners, including
But it is not limited to server or such as mobile phone, smart phone, laptop, digit broadcasting receiver, PDA (individual digital
Assistant), PAD (tablet computer), PMP (portable media player), navigation device, vehicle-mounted terminal equipment, car-mounted display it is whole
The mobile terminal device at end, vehicle electronics rearview mirror etc. and the fixed terminal of such as number TV, desktop computer etc. are set
It is standby.
The memory 4001 is for storing non-transitory computer-readable instruction.Specifically, memory 4001 may include
One or more computer program products, the computer program product may include various forms of computer-readable storage mediums
Matter, such as volatile memory and/or nonvolatile memory.The volatile memory for example may include random access memory
Device (RAM) and/or cache memory (cache) etc..The nonvolatile memory for example may include read-only memory
(ROM), hard disk, flash memory etc..
The processor 4002 can be central processing unit (CPU) or have data-handling capacity and/or instruction execution
The processing unit of the other forms of ability, and can control other components in the equipment 4000 to execute desired function.
In one embodiment of the present disclosure, the processor 4002 is for running the computer-readable finger stored in the memory 4001
It enables, so that the equipment 4000 executes all or part of the steps of the control page method of each embodiment of the disclosure above-mentioned.
Figure 15 is the schematic diagram for illustrating computer readable storage medium according to an embodiment of the present disclosure.As shown in figure 15,
According to the computer readable storage medium 5000 of the embodiment of the present disclosure, it is stored thereon with non-transitory computer-readable instruction
5001.When the non-transitory computer-readable instruction 5001 is run by processor, each embodiment of the disclosure above-mentioned is executed
The control page method of all or part of the steps or each embodiment of the disclosure that control the method for page sliding completely or partially walks
Suddenly.
More than, according to method, control page method, system, equipment and the meter of the control page sliding of the embodiment of the present disclosure
Calculation machine readable storage medium storing program for executing is slided by controlling the page according to sliding precedence information, can be improved page sliding, list
The fluency and real experiences of switching and the convenience for controlling the page.Further, the disclosure passes through the first sliding chain of construction
The successive logic that sliding is judged with the second sliding chain can greatly improve the fluency and reality of page sliding, list switching
Experience.
The basic principle of the disclosure is described in conjunction with specific embodiments above, however, it is desirable to, it is noted that in the disclosure
The advantages of referring to, advantage, effect etc. are only exemplary rather than limitation, must not believe that these advantages, advantage, effect etc. are the disclosure
Each embodiment is prerequisite.In addition, detail disclosed above is merely to exemplary effect and the work being easy to understand
With, rather than limit, it is that must be realized using above-mentioned concrete details that above-mentioned details, which is not intended to limit the disclosure,.
Device involved in the disclosure, device, equipment, system block diagram only as illustrative example and be not intended to
It is required that or hint must be attached in such a way that box illustrates, arrange, configure.As those skilled in the art will appreciate that
, it can be connected by any way, arrange, configure these devices, device, equipment, system.Such as "include", "comprise", " tool
" etc. word be open vocabulary, refer to " including but not limited to ", and can be used interchangeably with it.Vocabulary used herein above
"or" and "and" refer to vocabulary "and/or", and can be used interchangeably with it, unless it is not such that context, which is explicitly indicated,.Here made
Vocabulary " such as " refers to phrase " such as, but not limited to ", and can be used interchangeably with it.
In addition, as used herein, comprising "at least one", " one or more ", " one or more " item column
The instruction separation of "or" used in act is enumerated, so as to such as " at least one of A, B or C " or " A, B or C's is one or more "
Enumerate and mean A or B or C or AB or AC or BC or ABC (i.e. A and B and C).In addition, wording " exemplary " does not mean that and retouches
The example stated is preferred or more preferable than other examples.
It may also be noted that in the system and method for the disclosure, each component or each step are can to decompose and/or again
Combination nova.These decompose and/or reconfigure the equivalent scheme that should be regarded as the disclosure.
The technology instructed defined by the appended claims can not departed from and carried out to the various of technology described herein
Change, replace and changes.In addition, the scope of the claims of the disclosure is not limited to process described above, machine, manufacture, thing
Composition, means, method and the specific aspect of movement of part.Can use carried out to corresponding aspect described herein it is essentially identical
Function or realize essentially identical result there is currently or later to be developed processing, machine, manufacture, event group
At, means, method or movement.Thus, appended claims include such processing, machine, manufacture, event within its scope
Composition, means, method or movement.
The above description of disclosed aspect is provided so that any person skilled in the art can make or use this
It is open.Various modifications in terms of these are readily apparent to those skilled in the art, and are defined herein
General Principle can be applied to other aspect without departing from the scope of the present disclosure.Therefore, the disclosure is not intended to be limited to
Aspect shown in this, but according to principle disclosed herein and the consistent widest range of novel feature.
In order to which purpose of illustration and description has been presented for above description.In addition, this description is not intended to the reality of the disclosure
It applies example and is restricted to form disclosed herein.Although already discussed above multiple exemplary aspects and embodiment, this field skill
Its certain modifications, modification, change, addition and sub-portfolio will be recognized in art personnel.
Claims (19)
1. a kind of method of control page sliding, which comprises
The slide for receiving input, determines that slide information, the slide information include according to the slide
Slide trigger position, glide direction and slippage；
According to the sliding precedence information of structural relation and node between the slide information, multiple nodes come to institute
It states node to be controlled, so that the element or full page in the page are slided.
2. the method for control page sliding according to claim 1, wherein it is based on the sliding precedence information, it is described
Node includes first state node and the second state node；The first state node is saved than the ancestors of the first state node
The early sliding of point, second state node sliding more late than the ancestor node of second state node.
3. it is according to claim 2 control the page sliding method, wherein the sliding precedence information include with it is more
The corresponding a variety of sliding priority of a glide direction.
4. according to claim 1 to the method for control page sliding described in any one of 3 claims, wherein described
According to the sliding precedence information of structural relation and node between the slide information, multiple nodes come to the section
Point carries out control
Sliding start node is determined according to the slide trigger position；
Carry out one or more sliding update events.
5. the method for control page sliding according to claim 4, wherein the sliding update event includes:
One or more slidings are determined according to the sliding start node, preset sliding tree and the sliding precedence information
Chain, the sliding chain include multiple slidable nodes；
Determine one or more to responsive node and the response sequence to responsive node according to the sliding chain；
According to the glide direction, the slippage and according to response sequence, described slided to responsive node to control
It moves and accordingly consumes the slippage.
6. the method for control page sliding according to claim 5, in which:
Described being determined according to the sliding start node, preset sliding tree and the sliding precedence information is one or more
Sliding chain includes,
In sliding tree, since the sliding start node, to the slidable node of ancestor node direction finding with true
Determine the first sliding chain, the node in first sliding chain is arranged according to set membership,
The sliding precedence information of the node in first sliding chain is obtained,
The second sliding chain is determined according to first sliding chain and the sliding precedence information；
It is described according to the sliding chain determine it is described include to responsive node and response sequence, by second sliding chain
In node be determined as it is described to responsive node.
7. the method for control page sliding according to claim 6, wherein described according to first sliding chain and institute
It states sliding precedence information and determines that the second sliding chain includes:
Judge whether the node in first sliding chain is second state node and to have in first sliding chain
Father node, if it has, then by all descendant nodes of second state node and second state node from described first
It is deleted in sliding chain, to obtain second sliding chain.
8. the method for control page sliding according to claim 5, wherein described to determine one according to the sliding chain
Or it is multiple to responsive node and the response sequence to responsive node includes:
Node in the sliding chain is determined as described to responsive node；
Based in the sliding chain as first responded described in child node to responsive node, as described in father node wait respond section
It is responded after point to determine the response sequence.
9. the method for control page sliding according to claim 4, wherein the carry out one or more, which is slided, to be updated
Event includes: to carry out multiple sliding update events according to the preset time interval.
10. the method for control page sliding according to claim 5, wherein the carry out one or more sliding is more
New events further include:
After completing a sliding update event, if the slippage still has residue, next sliding is carried out
Update event.
11. the method for control page sliding according to claim 5, wherein described to determine one according to the sliding chain
It is a or multiple to responsive node and the response sequence to responsive node, according to the glide direction, the slippage, simultaneously
According to response sequence, come control it is described slide and accordingly consume the slippage to responsive node include:
The leaf node for controlling the sliding chain is slided；
If the leaf node becomes not slidably controlling father node progress of the leaf node in the sliding chain
Sliding.
12. the method for control page sliding according to claim 1, wherein the page is the webpage of terminal device
Web page.
13. a kind of control page method, which comprises
The slide for receiving input, determines that slide information, the slide information include according to the slide
Slide trigger position, glide direction and slippage；
If the glide direction is first direction, controls and switched between multiple lists in the page；
If the glide direction is second direction, sliding to the control page described in any one of 12 according to claim 1
Dynamic method carries out sliding displaying to control multiple projects among the list.
14. a kind of system of control page sliding, the system comprises:
Slide information determination module, slide for receiving input determine slide according to the slide
Information, the slide information include slide trigger position, glide direction and sliding distance；
Control module is slided, for the cunning according to structural relation and node between the slide information, multiple nodes
Dynamic precedence information controls the node, so that the element or full page in the page are slided.
15. the system of control page sliding according to claim 14, the system also includes perform claims to require 2 to 12
The module of step described in middle any claim.
16. a kind of control page system, the system comprises:
Slide information determination module, slide for receiving input determine slide according to the slide
Information, the slide information include slide trigger position, glide direction and slippage；
Page control module, if for the glide direction be first direction, control between multiple lists in the page into
Row switching, if the glide direction is second direction, according to claim 1 to the control page described in any one of 12
The method of sliding carries out sliding displaying to control multiple projects among the list.
17. a kind of equipment, comprising:
Memory, for storing non-transitory computer-readable instruction；And
Processor, for running the computer-readable instruction, so that the computer-readable instruction is executed by the processor
The method of control page sliding described in any one of Shi Shixian claims 1 to 12.
18. a kind of equipment, comprising:
Memory, for storing non-transitory computer-readable instruction；And
Processor, for running the computer-readable instruction, so that the computer-readable instruction is executed by the processor
Control page method described in Shi Shixian claim 13.
19. a kind of computer readable storage medium, for storing non-transitory computer-readable instruction, when the non-transitory meter
When calculation machine readable instruction is executed by computer, so that control described in any one of computer perform claim requirement 1 to 12
Control page method described in the method or claim 13 of page sliding processed.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810614476.2A CN108958612B (en) | 2018-06-14 | 2018-06-14 | Method for controlling page sliding, method and system for controlling page, terminal device and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810614476.2A CN108958612B (en) | 2018-06-14 | 2018-06-14 | Method for controlling page sliding, method and system for controlling page, terminal device and medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108958612A true CN108958612A (en) | 2018-12-07 |
| CN108958612B CN108958612B (en) | 2021-03-26 |
Family
ID=64488885
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810614476.2A Active CN108958612B (en) | 2018-06-14 | 2018-06-14 | Method for controlling page sliding, method and system for controlling page, terminal device and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108958612B (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111539183A (en) * | 2019-02-02 | 2020-08-14 | 阿里巴巴集团控股有限公司 | Data processing method and device, electronic equipment and storage medium |
| CN111736837A (en) * | 2020-08-25 | 2020-10-02 | 银联商务股份有限公司 | Method, device and equipment for restoring webpage operation, readable storage medium and system |
| CN111782122A (en) * | 2020-05-21 | 2020-10-16 | 北京达佳互联信息技术有限公司 | Method, device, terminal and storage medium for responding to user operation |
| CN112114723A (en) * | 2020-09-24 | 2020-12-22 | 北京字跳网络技术有限公司 | Page sliding method and device and electronic equipment |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110066957A1 (en) * | 2009-09-17 | 2011-03-17 | Border Stylo, LLC | Systems and Methods for Anchoring Content Objects to Structured Documents |
| CN105739854A (en) * | 2016-01-21 | 2016-07-06 | 努比亚技术有限公司 | Interaction information processing method and apparatus |
| CN106648642A (en) * | 2016-12-09 | 2017-05-10 | 武汉斗鱼网络科技有限公司 | Infinite page scrolling method of slide view in IOS client end and system |
| CN107402700A (en) * | 2017-06-21 | 2017-11-28 | 北京小度信息科技有限公司 | Page display method and device |
-
2018
- 2018-06-14 CN CN201810614476.2A patent/CN108958612B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110066957A1 (en) * | 2009-09-17 | 2011-03-17 | Border Stylo, LLC | Systems and Methods for Anchoring Content Objects to Structured Documents |
| CN105739854A (en) * | 2016-01-21 | 2016-07-06 | 努比亚技术有限公司 | Interaction information processing method and apparatus |
| CN106648642A (en) * | 2016-12-09 | 2017-05-10 | 武汉斗鱼网络科技有限公司 | Infinite page scrolling method of slide view in IOS client end and system |
| CN107402700A (en) * | 2017-06-21 | 2017-11-28 | 北京小度信息科技有限公司 | Page display method and device |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111539183A (en) * | 2019-02-02 | 2020-08-14 | 阿里巴巴集团控股有限公司 | Data processing method and device, electronic equipment and storage medium |
| CN111539183B (en) * | 2019-02-02 | 2023-05-23 | 阿里巴巴集团控股有限公司 | Data processing method, device, electronic equipment and storage medium |
| CN111782122A (en) * | 2020-05-21 | 2020-10-16 | 北京达佳互联信息技术有限公司 | Method, device, terminal and storage medium for responding to user operation |
| CN111736837A (en) * | 2020-08-25 | 2020-10-02 | 银联商务股份有限公司 | Method, device and equipment for restoring webpage operation, readable storage medium and system |
| CN111736837B (en) * | 2020-08-25 | 2020-11-24 | 银联商务股份有限公司 | Method, device and equipment for restoring webpage operation, readable storage medium and system |
| CN112114723A (en) * | 2020-09-24 | 2020-12-22 | 北京字跳网络技术有限公司 | Page sliding method and device and electronic equipment |
| CN112114723B (en) * | 2020-09-24 | 2022-03-29 | 北京字跳网络技术有限公司 | Page sliding method and device and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108958612B (en) | 2021-03-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108958612A (en) | Control method, control page method, system, equipment and the computer readable storage medium of page sliding | |
| US20200326823A1 (en) | Presentation and analysis of user interaction data | |
| US8689108B1 (en) | Presentation and analysis of user interaction data | |
| WO2022135074A1 (en) | Book information display method and apparatus, computer device and readable storage medium | |
| US10788980B2 (en) | Apparatus and method for displaying application | |
| JP2020504865A (en) | Application data processing method, apparatus, and storage medium | |
| CN108196920A (en) | A kind of display processing method and device at UI interfaces | |
| US9612735B2 (en) | Progress scrollbar | |
| WO2017012488A1 (en) | Scrolling view display method and apparatus | |
| US20120110499A1 (en) | Virtualized layouts | |
| CN105631052A (en) | Artificial intelligence based retrieval method and artificial intelligence based retrieval device | |
| CN109725960A (en) | Display interface methods of exhibiting, device, mobile terminal and storage medium | |
| US20180033180A1 (en) | Transitioning between visual representations | |
| Machado et al. | Learning purposeful behaviour in the absence of rewards | |
| US20100115056A1 (en) | Image transmission method | |
| CN108829309A (en) | Navigation bar display methods, equipment, system and storage medium | |
| CN106469036A (en) | Method for information display and client | |
| KR20080068415A (en) | Method for displaying contents and terminal using the same | |
| CN104133869B (en) | A kind of Webpage method for refreshing | |
| WO2014103635A1 (en) | Object selection method, storage medium storing program, and information processing device | |
| CN110018863A (en) | A kind of mobile terminal text display method, storage medium, equipment and system | |
| CN109753614B (en) | Method for displaying multiple web pages in same browsing window, storage medium and mobile terminal | |
| WO2017222841A1 (en) | Deconstructing and rendering of web page into native application experience | |
| CN103034468B (en) | A kind of method and device showing text | |
| JP2014085793A (en) | Display device and display control method |
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 | ||
| CP01 | Change in the name or title of a patent holder |
Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Patentee after: Tiktok vision (Beijing) Co.,Ltd. Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Patentee before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd. Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Patentee after: Douyin Vision Co.,Ltd. Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Patentee before: Tiktok vision (Beijing) Co.,Ltd. |
|
| CP01 | Change in the name or title of a patent holder |