2015-10-19 51 views
0

我想爲我的項目製作一個網站。在瀏覽一些「酷」的想法時,我偶然發現了https://www.fliplingo.com/。在此網站上,當您單擊任何選項卡時,Chrome選項卡中網站的圖標不會更改爲微調器圖標。相反,在頁面頂部有一個進度條和一個微調器。我到底要如何去做這件事?刪除谷歌鉻選項卡中的加載微調框

+3

這種類型的網站被稱爲「單頁應用程序」。它通過AJAX請求獲取所有內容。 https://en.wikipedia.org/wiki/Single-page_application –

+0

@Databases。我的回答是否提供了所需的信息?我給你準確的解決方案使用的例子以及jQuery的一個用於你自己的項目。請標記爲正確或提供您自己的答案。謝謝。 – Enkode

回答

1

spinner的確切網站實現是通過ng-progress/angular SPA完成的。你可以看到當他們頁面加載時,ng-progress-busy類被添加到html標籤中。

http://victorbjelkholm.github.io/ngProgress/

,如果你只是想沒有角的進度條上使用AJAX調用或頁面負載,您可以使用NProgress https://github.com/rstacruz/nprogress這另一種解決方案是NgProgress從

爲例基於什麼細長的進度條,如YouTube,Medium等http://ricostacruz.com/nprogress

+1

您似乎在假設OP正在使用Angular –

+0

是的,當我看到要添加的類是「ng-progress-busy」時,我的假設更接近事實與假設。如果你檢查網站並輸入角度,它會返回角度對象:http://stackoverflow.com/questions/29950213/how-can-i-tell-whether-a-web-app-was-built-using-角 – Enkode

+0

@Enkode - 你似乎回答了一個沒有被問到的問題,即「fliplingo如何做」,當問題是「我該如何去做這件事」,對此有各種正確答案。使用Angular只是其中之一。這是一個非常沉重的框架,只是爲了展示微調和獲取新內容。也就是39.5kb,這個效果可能少於幾百字節。 ;) – enhzflep

相關問題