Mobile H5 page, swipe to the bottom to automatically load the next page of content

Do the public number project has the following scenario, a H5 page has a list of data, do not consider loading all data at once, it is necessary to paging operation, the solution for sliding to the bottom of the automatic loading of the next page content. Directly in the H5 JS to achieve.

The scroll () method that mainly uses jquery:

The scroll event occurs when the user scrolls the specified element.

The Scroll event applies to all scrollable elements and window objects (browser windows).

The scroll () method triggers the scroll event, or a function that runs when the scroll event occurs.

The code is as follows:

$ (window). Scroll (function () {
Determines whether to swipe to the bottom of the page     if (window). scrolltop () = = $ (document). Height ()-$ (window). Height ()) {           //TODO Swipe to the bottom to request the next page of data and load, load can use the Append method      }});

Mobile H5 page, swipe to the bottom to automatically load the next page of content