Scroll bar control method and device

Abstract

The invention discloses a scroll bar control method and device. The scroll bar control method comprises the following steps of nesting a native scroll bar container where a native scroll bar of a browser is located into a preset outer layer container; monitoring a scrolling event of the native scroll bar container; operating a position of a user-defined scroll bar in the outer layer container according to the scrolling event corresponding to the native scroll bar container so as to enable the user-defined scroll bar to be consistent to the native scroll bar. The scroll bar control method and the device have the beneficial effects that the scroll bar can be user-defined, meanwhile, an event system and a default behavior of the native scroll bar are maintained, the implementation code is simple, and the speed of loading page by users cannot be affected at all.

Description

technical field [0001] The invention relates to the field of browsers, in particular to a scroll bar control method and device. Background technique [0002] For the defect that the native scroll bar provided by the browser cannot customize the style, the current solution is to use web scripts to add a custom scroll bar to the browser to simulate the behavior and style of the native scroll bar. The above-mentioned solution solves the defect that the native scroll bar cannot customize the style, but at the same time destroys the event system and some default behaviors of the native scroll bar, such as the scroll event that the web page can listen to, the bubbling of the scroll event, and the scrolling of the mouse wheel, up and down Key-triggered scrolling, nested scrolling issues, and other common event behaviors of native scrollbars may not be provided by the custom scrollbar; if web scripts are used to completely simulate all behaviors of native scrollbars, the code develo...

AI Technical Summary

Problems solved by technology

[0002] For the defect that the native scroll bar provided by the browser cannot customize the style, the current solution is to use web script to add a custom scroll bar to the browser to simulate the behavior and style of the native scroll bar

The above-mentioned solution solves the defect that the native scroll bar cannot customize the style, but at the same time destroys the event system and some default behaviors of the native scroll bar, such as the scroll event that the web page can listen to, the bubbling of the scroll event, and the scrolling of the mouse wheel, up and down Key-triggered scrolling, nested scrolling issues, and other common event behaviors of native scrollbars may not be provided by the custom scrollbar; if web scripts are used to completely simulate all behaviors of native scrollbars, the code development cost is very high and the code A large amount, and a large amount of code will cause the user to load the webpage very slowly, and the user satisfaction is low

Images