1

そのため、以前にモバイル ブラウザでこの問題を見たことがありますが、通常は無視していました。要素があり (どのように配置されているかは重要ではないと思います)、それを表示可能領域から移動すると、モバイル ブラウザー (私のテスト ケース サファリ) はスクロールする機能を追加します。mashable.com の Web サイトとほぼ同じスライド アウト メニューを作成しています。基本的に、メニューはメイン コンテンツの後ろに z-index されています。メニュー ボタンをタップすると、メイン コンテンツは CSS を右に変換してメニューを表示します。ただし、スライドバックした後、iOS は画面外に要素があったことを「記憶」し、ユーザーが右にスクロールできるようにします。

モバイルブラウザに表示可能領域または要素の場所を強制的に再計算させる方法はありますか(JavaScriptを使用すると思います)。私が発火できるイベントか何か。私は一生、この問題から抜け出すことはできません。メニューは正常に機能しています。私の現在の「修正」は、タッチ移動時の左スワイプイベントのデフォルトの動作を防ぐことです。ただし、この方法を使用すると、計画した他のことを実行できなくなる可能性があります。

4

1 に答える 1

0

コンテンツを 99.9% 幅に設定し、数ミリ秒後に再び幅を削除することで解決しました。

// on closing menu:
if(panel==='closing'){
    $("#content").css('width','99.9%');
    setTimeout(function() {
        $("#content").css('width','');
    },100);
}
于 2013-02-21T14:16:07.547 に答える