0

私が見つけることができたすべてのものから、-webkit-overflow-scrolling: touch; を含める必要があります。そして、div を囲む iFrame の css の overflow:auto。

ただし、-webkit-overflow-scrolling: touch; を含めないと、iFrame は 2 本の指でスクロールします。ただし、それを含めると、スクロールが機能しなくなります。

これは、スタイルが並んでいる私のhtmlの例です。私は実際にCSSファイルを使用していますが、この方法でも試しました...

<div class="wrapper">
    <div class="treeMenu" ></div>
    <div class="viewer" style="overflow: auto; -webkit-overflow-scrolling: touch">
        <iframe class='ifrm' scrolling='yes'></iframe>
    </div>      
</div>

この投稿を読んだ後、これは iFrame を削除して div に動的に追加していたことが原因である可能性があると考えました。そこで、静的要素に変更し、iFrame の src を動的に変更しました。これで問題は解決しませんでした。

ユーザーがリンクをタップしてiFrameを埋める前に、ユーザーの操作に基づいてdivのサイズを変更しています。これが問題でしょうか？

Webkit コールをオフのままにし、2 本の指でスクロールしても問題ありませんが、スクロールがスムーズではありません。実際、一部のユーザーにとっては使用できない可能性があります。iPad 用に「適切に」スクロールを設定することで、スクロールのパフォーマンスが向上することを期待していました。

助言がありますか？

ありがとう

4

1 に答える 1

2

-webkit-overflow-scrolling: touchスクロールしようとしている<iframe>場所でなくても、ページのどこかに があると正しく動作しません。<iframe>作成方法や表示方法は問いません。

于 2012-08-27T18:31:34.130 に答える