There are several modes of scroll events in js

This article is about several patterns of scroll events in js. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

The event occurs on the window object, but it actually represents a change in the corresponding element in the page:

1. Hybrid mode: monitor this change through scrollleft and scrolltop.

2. Standard mode: reflect this change through elements (except that Safari,Safari is still based on tracking scrolling positions).

Example

EventUtil.addHandler (window, "scroll", function (event) {if (document.compatMode = = "CSS1Compat") {/ / alert (document.documentElement.scrollTop) in standard mode;} else {alert (document.body.scrollTop);}}); Thank you for reading! This is the end of this article on "there are several modes of scroll events in js". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!