我想爲我的項目製作一個網站。在瀏覽一些「酷」的想法時,我偶然發現了https://www.fliplingo.com/。在此網站上,當您單擊任何選項卡時,Chrome選項卡中網站的圖標不會更改爲微調器圖標。相反,在頁面頂部有一個進度條和一個微調器。我到底要如何去做這件事?刪除谷歌鉻選項卡中的加載微調框
回答
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
您似乎在假設OP正在使用Angular –
是的,當我看到要添加的類是「ng-progress-busy」時,我的假設更接近事實與假設。如果你檢查網站並輸入角度,它會返回角度對象:http://stackoverflow.com/questions/29950213/how-can-i-tell-whether-a-web-app-was-built-using-角 – Enkode
@Enkode - 你似乎回答了一個沒有被問到的問題,即「fliplingo如何做」,當問題是「我該如何去做這件事」,對此有各種正確答案。使用Angular只是其中之一。這是一個非常沉重的框架,只是爲了展示微調和獲取新內容。也就是39.5kb,這個效果可能少於幾百字節。 ;) – enhzflep
- 1. 從谷歌鉻選項卡中獲取網址
- 2. 從jQuery選項卡中刪除邊框
- 3. 添加加載微調到JQuery UI選項卡身體
- 4. 谷歌鉻擴展清單加載jquery
- 5. Angularjs選項卡在呈現時加載微調器
- 6. 微調不顯示選定的項目,從數組列表加載微調框
- 7. 谷歌鉻錯誤不加載谷歌地圖,AJAX調用jQuery函數
- 8. 加載谷歌地圖時選項卡被選中,而不是從開始
- 9. 如何在android中的相同選項卡中加載原生谷歌地圖?
- 10. 卸載Excel插件未從MS Excel中刪除加載項選項卡/自定義選項卡
- 11. 從微調框中刪除文本
- 12. Maven項目上傳到谷歌代碼「下載」選項卡
- 13. 如何讓我的谷歌地圖加載在jquery選項卡中?
- 14. 從當前選項卡的標籤中刪除選項卡
- 15. CKEditor加載時加載微調框
- 16. Android微調器。如何從微調器中刪除項目?
- 17. 從tabPanel刪除選項卡
- 18. 刪除JQuery UI選項卡
- 19. 刪除選項卡位2012
- 20. 顯示帶有自定義選項卡的微調框
- 21. 如何刪除/排除微調項目框架?
- 22. 刪除特定行中的選項卡
- 23. Angular-Bootstrap UI選項卡:刪除選項卡選項
- 24. 當複選框被選中時,顯示加載器微調器
- 25. 從Javascript中的文本框中刪除選項卡空間
- 26. 如何從微調框中刪除特定項目
- 27. Android - 動態微調選項卡 - 添加項目失敗
- 28. 添加谷歌地點選擇器在選項卡片段android
- 29. 如何從選項卡窗格中刪除選項卡
- 30. 刪除可選的SignHere選項卡
這種類型的網站被稱爲「單頁應用程序」。它通過AJAX請求獲取所有內容。 https://en.wikipedia.org/wiki/Single-page_application –
@Databases。我的回答是否提供了所需的信息?我給你準確的解決方案使用的例子以及jQuery的一個用於你自己的項目。請標記爲正確或提供您自己的答案。謝謝。 – Enkode