iOS 7 Safari 无法滚动 DIV，溢出 : hidden or auto
<p><p>我正在处理一个包含四 (4) 个单独的 DIV 元素的页面，这些元素都相互独立地滚动。在这里使用答案:<a href="https://stackoverflow.com/questions/18736297/webkit-overflow-scrolling-touch-broken-in-ios7#answer-18737266" rel="noreferrer noopener nofollow">`-webkit-overflow-scrolling: touch` broken for initially offscreen elements in iOS7</a>我能够让大部分页面正常工作。侧DIV展开时，仍然有一些页面无法垂直滚动包含主要内容的DIV。</p>
<p>页面结构如下:</p>
<pre><code>...
<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>
...
</code></pre>
<p>在#paneCenter 上设置 touchstart 事件监听器适用于大多数页面，但这些页面没有额外的 div 层。我已经尝试在 #mainContent 上设置 touchstart 事件监听器并一直向上设置，但是当 #paneLeft 展开时，#mainContent 不会滚动，即使它在 #paneLeft 折叠时有效，并且无论 paneRight 是否展开都有效。</p>
<p>注意:仅在运行 iOS7 的 iPad 上发现此问题。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>这是正确的行为。如果您希望它垂直滚动但水平隐藏它，则专门针对它:overflow-x:隐藏(隐藏水平多余部分)，并且不要将任何内容设置为overflow-y。这样可以很好地控制元素。</p></p>
<p style="font-size: 20px;">关于iOS 7 Safari 无法滚动 DIV，溢出 : hidden or auto，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/19542716/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/19542716/
</a>
</p>
页:
[1]