本文demo下載地址：http://www.wisdomdd.cn/Wisdom/resource/articleDetail.htm?resourceId=1071

本文實現在html5網頁中使用下拉功能自動刷新顯示更多內容, 使用jquery捕捉和處理相應的鼠標事件, 例如內容在頂部時，觸發下拉事件后顯示更多內容; 如內容在頁面底部時，鼠標滾輪到最底部時處罰事件后顯示更多內容, 詳情下載實例后親測一下

【實例內容】

【實例功能】

1. indx_more1.html實現瀏覽器下拉自動刷新，顯示更多內容

2 頁面下拉到最底部, 如果使用滾輪滾動，自動顯示更多內容

3. 點擊[選項按鈕], 彈出下拉菜單, 執行菜單相應的功能，類似微信主頁面右上角 + 號圖標(需要進行美化效果)

轉載于:https://www.cnblogs.com/lg100010/p/8947007.html

總結

以上是生活随笔為你收集整理的html5 下拉刷新(pc+移动网页源码）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。