iOS 7 Safari無法滾動帶溢出的DIV：隱藏或自動

Question

我正在使用四（4）個單獨的DIV元素，所有元素都彼此獨立滾動。在這裏使用答案：`-webkit-overflow-scrolling: touch` broken for initially offscreen elements in iOS7我能夠使大部分頁面工作。當側面DIV被展開時，仍然有幾頁保持主要內容的DIV不能垂直滾動。

頁面結構如下：

... 
<div id="paneTop">...</div> 
<div id="paneLeft" class="expanded">...</div> 
<div id="paneCenter"> 
    <div> 
    <div style="overflow: hidden;"> 
     <div id="mainContent" style="overflow: auto;">...</div> 
    </div> 
    </div> 
</div> 
<div id="paneRight" class="expanded">...</div> 
... 

設置上#paneCenter的touchstart事件偵聽器工作了大部分的網頁，但那些沒有的div額外的一層。我曾嘗試在#mainContent上設置touchstart事件偵聽器，並一直向上鏈，但當#paneLeft展開時，#mainContent將不會滾動，即使它在#paneLeft摺疊時工作，並且無論其是否展開paneRight，它都可以工作。

注意：此問題僅在運行iOS7的iPad上才能識別。

Answer 1

這是正確的行爲。如果你希望它垂直滾動，但是水平隱藏，然後特別指定它：overflow-x：hidden（隱藏水平超量），並且不要設置任何東西來溢出-y。這允許對元素進行良好的控制。