模擬微信聊天記錄 h5手機(jī)端怎么實(shí)現(xiàn)上拉加載,下拉刷新?
h5手機(jī)端怎么實(shí)現(xiàn)上拉加載,下拉刷新?手機(jī)瀏覽器有刷新功能,所以H5不需要做下拉刷新,也沒有人做。上拉加載,您可以監(jiān)視頁(yè)面的滾動(dòng)位置,并在頁(yè)面滑到底部時(shí)自動(dòng)加載更多內(nèi)容獲取滾動(dòng)條位置:document
h5手機(jī)端怎么實(shí)現(xiàn)上拉加載,下拉刷新?
手機(jī)瀏覽器有刷新功能,所以H5不需要做下拉刷新,也沒有人做。
上拉加載,您可以監(jiān)視頁(yè)面的滾動(dòng)位置,并在頁(yè)面滑到底部時(shí)自動(dòng)加載更多內(nèi)容
獲取滾動(dòng)條位置:document.documentElement.scrollTop文件當(dāng)值為負(fù)值時(shí),邊距位于整個(gè)主體的頂部。如果邊距頂端超過0,則觸發(fā)mouseout()刷新頁(yè)面。軋件為次值,達(dá)到主動(dòng)回彈效果。這就是說,頁(yè)邊頂部被減少到0,這可能是我們的想法。