私は現在、ユーザーがいくつかの質問を作成できる小さくてシンプルな Web アプリを作成しています。その後、質問のリストを表示する回答を得ることができます。
項目を (hammer.js を使用して) スワイプすると、iOS でスワイプしてリスト項目を削除する方法と同様に、項目が 65 ピクセル左に遷移し、ごみ箱アイコンが表示されて質問を削除できるようになります。
ただし、スワイプするときに、ユーザーがページの本文を下にスクロールできるいくつかの質問を持っている場合、左にスワイプして質問を削除するときに、ページも垂直方向にスクロールする傾向があります。ごみ箱アイコンは、ページのスクロール中にアニメーションを停止させ、その後アニメーションが所定の位置にジャンプして、見栄えが悪くなります。
preventDefault パラメーターを使用できることはわかっていますが、これにより、ユーザーがリスト項目のいずれかに触れてページをスクロールすると、ページの本文がスクロールされなくなります。リスト項目は画面の大部分をカバーしているため、これは機能しません。
iOSのように、ユーザーがスワイプしてアイテムを削除し、必要に応じてページをスクロールできるように、スムーズなアニメーションを表示できるように、これを整理する方法を知っている人はいますか?
ここでアプリを再生して効果を確認できます。
ページをスクロールできるようにいくつかの質問を作成してから、質問に答えるように移動して、スワイプして質問を削除できるようにするだけです。
助けてくれてありがとう、マーティン