我正在爲客戶端調整Wordpress主題。推遲執行html頁腳直到Javascript加載
在主題中,有一個使用javascript加載的投資組合功能。不幸的是,JavaScript的執行速度相當緩慢,因此結果是頁腳在被推到底部之前在屏幕中間閃爍。這是非常難看的 - 你可以在這裏看到:(?或解決這一令人不快的問題,沒有更好的辦法)http://bit.ly/1nCH0Br
有直至JavaScript的執行完畢推遲頁腳的執行方式
我正在爲客戶端調整Wordpress主題。推遲執行html頁腳直到Javascript加載
在主題中,有一個使用javascript加載的投資組合功能。不幸的是,JavaScript的執行速度相當緩慢,因此結果是頁腳在被推到底部之前在屏幕中間閃爍。這是非常難看的 - 你可以在這裏看到:(?或解決這一令人不快的問題,沒有更好的辦法)http://bit.ly/1nCH0Br
有直至JavaScript的執行完畢推遲頁腳的執行方式
你可以使頁腳成爲投資組合的一部分,以便在投資組合加載之前不會加載,但這仍然會導致頁面在訪問的前幾秒內看起來空白的問題。
更好的解決方案是調整主題,使其包含一個div
,其固定高度顯示加載圖像和一些文本,如「加載...」。你可以調整旋轉木馬來替換這個div。這樣,您可以將頁腳向下推到頁面的底部,併爲用戶提供一些反饋,說明在後臺加載的內容更多。
好主意。現在我已經爲投資組合div增加了一些最小高度。如果時間允許,您可以按照您的建議添加反饋 –
與CSS初始化您的頁腳:
position: absolute;
left: -10000px;
opacity: 0;
,並在頁面加載設置正確的值。你可以做2個班級,一個用於預加載,另一個用於後加載。
的理由不只是hidding用CSS頁腳是你的js仍然可以與寬度和高度的工作價值觀有關設置頁腳隱藏和顯示它的JS執行時
什麼? –