2015-12-04 71 views
4

我遇到了window.outerHeight的問題。Mobile - iOS - Safari - window.outerHeight返回0

在手機上的Safari瀏覽器上運行時返回0。我已經在Android(Chrome)上測試過它,它工作正常。

我在iOS9上。

我想知道是否有舊設備支持的解決方案或替代方案。

這不是一個計時問題。

打開iPhone上的以下內容: http://jsfiddle.net/hfq0Ly1w/

alert(window.outerHeight); 

你可以看到有很多的Safari瀏覽器的bug通過這裏檢查你的手機上的高度屬性:

http://ryanve.com/lab/dimensions/

乾杯!

回答

5

Safari設置/讀取高度值的方式不同。如果您使用以下你將被罰款:

window.innerHeight

上述操作,即使它出現錯誤的正確計算。如果瀏覽器工具欄滾動顯示,它也會調整高度。

你可以看到我所提供的鏈接,這種情況發生:

http://ryanve.com/lab/dimensions/

Android將不拿工具欄考慮。使用JS動態工具欄高度是沒有辦法的。

乾杯。