使用無限滾動時候請務必使用 HTML5 History API

HTML5 History API

自從 IOS 推出之後,越來越多網站使用無限滾動和瀑布流效果,滾動到頁面底部就自動載入或者點擊按鈕後加載更多內容,這種效果某種程度上是一個十分方便的效果。

但是卻很多人忽略了一個嚴重的問題,假如用戶刷新了網頁之後呢?或者意外關閉網頁重新打開呢?再有,IOS 是自動釋放內存的,也就是當你的 Safari 使用了太多內存時候 IOS 會自動釋放,這時候就會自動刷新頁面。這些情況下,原本你看了長長的一堆內容時候一個刷新或者關閉重新開啟,又要從第一頁慢慢刷到原來的位置???當訪客遇上從新載入頁面的時候卻發現又要重新刷一次內容,這樣沒幾個人會有耐心去做一下重復而又沒意義的事情!同樣,一些使用其他方式的 Ajax 的網站也是一樣。

這樣簡單低級的問題應該人人都知道才對!但是現在卻只有少數網站使用 HTML5 History API ,為何一個這麽簡單的問題那麽多人都不註意?

使用 HTML5 History API 的話則每次載入內容都改變了 URL 當遇上需要重新載入頁面的時候也能重新載入對應內容。