2015-02-10 32 views
0

我正在一個非常「愚蠢」的特殊網站上工作。它應該是非常華麗的與大量的動畫,並在此響應。 body元素設置爲overflow:hidden;和scruture看起來是這樣的:禁用iPhone縮放/調整隱藏/顯示地址欄的大小?

<div id="wrapper"> 
    <div class="content"> Some content with down button goes here ...</div> 
    <div class="content"> Some content with up/down button goes here ...</div> 
    <div class="content"> Some content with up/down button goes here ...</div> 
    <div class="content"> Some content with up button goes here ...</div> 
</div> 

每個。內容有向上/向下導航按鈕,將滾動你的每個格。這些是完整的寬度和高度,如果內容是「太大」的div本身是可滾動的。也就是說,您不能通過滾動來滾動到下一個內容 - 您必須使用導航才能轉到下一個div。

由於調整大小會改變內容,所以.content的對齊可能會崩潰。也就是說,可以看到兩個content-div(比如#1的80%和#2的20%)。因此,我有一個函數可以「重新設置」頁面,並在調整大小時使您到達頂部(.content#1) 。

這正常的桌面(在Android上的鍍鉻),但再有就是iOS和Safari瀏覽器。在地址欄中是可見的,而經典的window.scrollTo(0,0);(或window.scrollTo(0,1);)無法工作。很好,我可以忍受,但,在某些情況下,當你滾動瀏覽內容時,Safari會想到「嘿,讓我們現在隱藏地址欄吧」(我還沒有真正理解這個邏輯是如何的),這被看作是一個rezise,它會帶給你頂部 那麼,有沒有什麼聰明的方法可以始終保持地址欄可見,或者總是隱藏它?

還是其他想法來解決這個問題?

回答

0

不,當用戶滾動時,不可能在iOS 8(可能是)中保持地址欄可見。

+0

好的,對我的問題的解決方案的任何建議?那是達到我想要的結果的一個好方法嗎? :) – gubbfett 2015-02-10 18:42:05