2013-03-30 82 views
0

我正在使用以下JS將窗口滾動到位置0以欺騙瀏覽器隱藏其UI鑲邊。將窗口滾動到零以隱藏移動Safari瀏覽器Chrome瀏覽器似乎比Twitter的更慢

if navigator.userAgent.match(/iPhone/i) or navigator.userAgent.match(/iPod/i) 
    if document.URL.indexOf("#") is -1 
    window.addEventListener "load", -> 
     setTimeout (-> 
     window.scrollTo 0, 1 if window.pageYOffset < 20 
    ), 0 

您可以在iPhone或iPod touch上查看http://ssaen.s3-website-ap-southeast-1.amazonaws.com的網站。滾動發生得很快,但在鉻離開之前有一個很大的延遲。

將此與http://mobile.twitter.com進行比較(您必須登錄才能看到主UI),幾乎立即消失。 Twitter的腳本被遮蓋了,所以我看不到它們。

有什麼建議嗎?

回答

1

我懷疑在底部的JS腳本阻止頁面load事件。你可以嘗試連接所有的JS文件到一個,並使用<script defer>

有關defer屬性,請參閱compatibility table。也請看async attribute

+0

我已經刪除了下面的腳本。沒有工作。我懷疑它是TypeKit並刪除它,但仍然無法工作。我刪除了Google網頁字體,仍然無法使用!我想知道瀏覽器渲染是否太多。 –

+0

@AenTan我認爲這些圖片也可能被阻擋。 – cheeaun

相關問題