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

Posted on by Kaiyuan

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

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

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

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