html5 下拉刷新(pc+移動網頁源碼)

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

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

【實例內容】

html5 下拉刷新(pc+移動網頁源碼)

【實例功能】

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

html5 下拉刷新(pc+移動網頁源碼)

html5 下拉刷新(pc+移動網頁源碼)

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

html5 下拉刷新(pc+移動網頁源碼)

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

html5 下拉刷新(pc+移動網頁源碼)

html5 下拉刷新(pc+移動網頁源碼)


分享到:


相關文章: