Webpage rolling positioning method and device and storage medium

Abstract

The invention provides a webpage scrolling positioning method and device and a storage medium, and the method comprises the steps: when a webpage is displayed on a browser in a scrolling manner, obtaining the display information of a monitored element returned by a monitor when the monitor monitors the change of the display state of the monitored element in a display region, a thread used by the monitor is different from a thread used by the browser in displaying the webpage; performing style processing on a title element associated with the monitored element according to the display information to obtain style data of the title element in the navigation area; and displaying the title element in the navigation area according to the style data of the title element in the navigation area. According to the method, the monitor returns the display information when the display state of the monitored element changes, the data processing amount is reduced, the CPU overhead is reduced, the monitor and webpage display are asynchronous, and the frame dropping phenomenon cannot occur.

Description

technical field

[0001] The present application relates to the field of computer technology, and in particular to a method, device and storage medium for scrolling and positioning a web page. Background technique

[0002] When displaying a webpage on a browser, a navigation area and a window area are often set. Clicking on the navigation area can locate the corresponding window area. When the content in the window area is scrolled, it will also be displayed in the navigation area.

[0003] Usually, the anchor point or scroll event is used for scrolling positioning of the web page. The positioning accuracy of anchor point scrolling positioning is not high. Using the scroll event to scroll the web page can improve the positioning accuracy. However, when the scroll event is triggered frequently, since the scroll event involves a large number of calculations and processes such as document object model (Document ObjectionModel: DOM) element operations, it takes a relatively long...

Examples

Embodiment Construction

[0048] Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with this application. Rather, they are merely examples of apparatuses and methods consistent with aspects of the present application as recited in the appended claims.

[0049] In order to solve the technical problem that the scroll event is prone to frame drop phenomenon, the present application provides a web page scroll positioning method, device and storage medium. The technical idea of ​​this application is: configure a listener for each title element and paragraph element, and the listening process of the listener and the web page display process a...

technical field

[0001] The present application relates to the field of computer technology, and in particular to a method, device and storage medium for scrolling and positioning a web page. Background technique

[0002] When displaying a webpage on a browser, a navigation area and a window area are often set. Clicking on the navigation area can locate the corresponding window area. When the content in the window area is scrolled, it will also be displayed in the navigation area.

[0003] Usually, the anchor point or scroll event is used for scrolling positioning of the web page. The positioning accuracy of anchor point scrolling positioning is not high. Using the scroll event to scroll the web page can improve the positioning accuracy. However, when the scroll event is triggered frequently, since the scroll event involves a large number of calculations and processes such as document object model (Document ObjectionModel: DOM) element operations, it takes a relatively long...

Examples

Embodiment Construction

[0048] Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with this application. Rather, they are merely examples of apparatuses and methods consistent with aspects of the present application as recited in the appended claims.

[0049] In order to solve the technical problem that the scroll event is prone to frame drop phenomenon, the present application provides a web page scroll positioning method, device and storage medium. The technical idea of ​​this application is: configure a listener for each title element and paragraph element, and the listening process of the listener and the web page display process a...

Images