問題:
iOSのホーム画面にWebアプリケーションがあるので、ブラウザーウィンドウはなく、見た目も機能も非常に優れています。内部のdiv要素にタッチスクロールイベントを実行させ、iOSで勢い/バウンススタイルを使用する方法を理解しました。これは完全に機能します...今私が遭遇する問題は、バウンススクロールです(これもiOSのみです) )ページにある固定要素やサイト関連のアニメーションを台無しにしています。
私が次のことを試してみると:
document.ontouchmove = function(e) {e.preventDefault()};
問題は解決しましたが、アプリケーションのどこにもスクロールできなくなりました。
必要なもの:
体を完全に固定したい...誰かが私のサイドバーやナビゲーションバーなどをつかんでページを引っ張ると、体が跳ね返ります。しかし、誰かがコンテンツ領域内にいる場合、問題はまったくありません。アプリケーションは完璧にスクロールし、見栄えがします。サイドバー、ナビゲーションバー、または本体のスクロールを停止すると、アプリケーションのすべてのスクロールが機能せず、基本的に機能しなくなります。
tl; dr:本体がスクロールで跳ね返ります。スクロールするコンテンツ領域が必要で、他の場所にはスクロールしません。ボディは決して動かないはずですが、ボディ内でスクロール可能と私が考える要素は動くべきです。
補足として、私は(他の多くの中で)投稿された次の人気のある質問/解決策を閲覧しました:
人々が私が検索をしなかったと思う前にそれを投稿したかっただけです...私はこれに何時間もいて、上記の投稿よりもさらに多くの解決策を見てきましたが、上記の最も人気のあるものを入手したかったしたがって、これが重複した質問だとは誰も考えませんでした。