html - html要素とiosのオーバーフローx

Question

私はこの答えを探して髪を引っ張ってきましたが、どこにも見つかりません。

問題は次のとおりです。現在取り組んでいるプロジェクトのモバイル ナビゲーション メニューを作成しようとしています。#siteWrapperJavaScriptを介して左に移動 したときにスクロールオーバーを防止しようとしています。

現在、iOS シミュレーターでコードをテストしています。私が使用しているCSSは次のとおりです。

html, body {
   overflow-x: hidden;
}

#siteWrapper {
    position: relative;
    left: 250px;
}

これは機能しますが、問題は、iOS のネイティブ スクロールが無効になることです-webkit-overflow-scrolling: touch;。そのため、スクロールを元に戻すために追加する必要があります。それも問題ありませんが、サイトにある固定要素を台無しにします...ヘッダーなど。-webkit-overflow-scrolling: touch;ネイティブとは異なる方法でタッチイベントを処理するため、ジャンプします。

他のプラグインで実行されているのを見たので、これが機能することはわかっています。私は答えを求めて高低を見てきましたが、これを修正する方法がわかりません.

何かご意見は？？