2

私は、すべてが互いに独立してスクロールされる 4 つの個別の DIV 要素を含むページで作業しています。ここでの回答を使用してください: `-webkit-overflow-scrolling: touch` は、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 が折りたたまれている場合でも動作し、paneRight が展開されているかどうかにかかわらず動作しますが、#paneLeft が展開されている場合は #mainContent はスクロールしません。

注: この問題は、iOS7 を実行している iPad でのみ確認されています。

4

1 に答える 1

1

これは正しい動作です。垂直方向にスクロールして水平方向に非表示にしたい場合は、overflow-x: hidden (水平方向の余分な部分を非表示にする) を指定し、overflow-y には何も設定しないでください。これにより、要素を適切に制御できます。

于 2014-03-06T23:55:03.017 に答える