如果您曾經訪問dzone.com,您會注意到所有帖子只出現在1頁上。當我們向下滾動頁面時,較舊的帖子將被添加到頁面的末尾(並且可能在頁面開始處的一些帖子但在視口外部的帖子將被刪除)。如何顯示一個很長的頁面,如dzone.com?
我的問題是: - 如何知道用戶是否用javascript/jQuery向下滾動/向上滾動? - 如何知道用戶是否在頁面頂部(他們點擊Ctrl + Home)?
謝謝。
如果您曾經訪問dzone.com,您會注意到所有帖子只出現在1頁上。當我們向下滾動頁面時,較舊的帖子將被添加到頁面的末尾(並且可能在頁面開始處的一些帖子但在視口外部的帖子將被刪除)。如何顯示一個很長的頁面,如dzone.com?
我的問題是: - 如何知道用戶是否用javascript/jQuery向下滾動/向上滾動? - 如何知道用戶是否在頁面頂部(他們點擊Ctrl + Home)?
謝謝。
您需要處理scroll
事件並使用AJAX加載更多數據。
Scott Hanselman在一篇博客文章吧:Infinite Scroll WebSites via AutoPagerize - Hacky, but the beginning of something cool
使用AJAX時滾動位置靠近頁面底部的加載更多的內容。
看看如何Slashdot做到這一點。
你可以用幾種方法做,這個想法是懶惰地加載內容。 有一個簡短的教程與一個可能的解決方案here。