我正在一個非常「愚蠢」的特殊網站上工作。它應該是非常華麗的與大量的動畫,並在此響應。 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,它會帶給你頂部 那麼,有沒有什麼聰明的方法可以始終保持地址欄可見,或者總是隱藏它?
還是其他想法來解決這個問題?
好的,對我的問題的解決方案的任何建議?那是達到我想要的結果的一個好方法嗎? :) – gubbfett 2015-02-10 18:42:05