HTML5 pull-down refresh (pc+mobile webpage source code)

This article demo download address: http://www.wisdomdd.cn/Wisdom/resource/articleDetail.htm?resourceId=1071

This article realizes the use of the drop-down function in the html5 webpage to automatically refresh and display more content, and uses jquery to capture and process the corresponding mouse events. For example, when the content is at the top, more content is displayed after the drop-down event is triggered; for example, when the content is at the bottom of the page, the mouse wheel When you reach the bottom, more content will be displayed after the punishment event. For details, download the example and test it yourself

【Example content】

HTML5 pull-down refresh (pc+mobile webpage source code)

【Example function】

1. indx_more1.html realizes browser pull-down automatic refresh to display more content

HTML5 pull-down refresh (pc+mobile webpage source code)

HTML5 pull-down refresh (pc+mobile webpage source code)

2 The page is pulled down to the bottom, if you use the wheel to scroll, more content will be displayed automatically

HTML5 pull-down refresh (pc+mobile webpage source code)

3. Click the [Options button], a drop-down menu will pop up, and the corresponding functions of the menu will be executed, similar to the + icon in the upper right corner of the main page of WeChat (beautification effect is required)

HTML5 pull-down refresh (pc+mobile webpage source code)

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325617171&siteId=291194637