§17-12Mobile
Gesture nav (戻るスワイプ)
画面端からのスワイプで前の画面に戻る。
片手操作で戻るボタンに指を伸ばさずに済ませる。スマートフォンの縦長画面で、上部のボタンが届きにくい問題に効く。
実装のポイント
画面端から数十 px 以内で始まった横スワイプだけを戻る操作とみなし、OS の端スワイプと衝突しないよう判定域を絞る。戻るボタンも常に併置する。
- 特徴
- ジェスチャー
- デモで使っているもの
- motion
- lucide-react
- Pointer Events
§17-12Mobile
画面端からのスワイプで前の画面に戻る。
片手操作で戻るボタンに指を伸ばさずに済ませる。スマートフォンの縦長画面で、上部のボタンが届きにくい問題に効く。
画面端から数十 px 以内で始まった横スワイプだけを戻る操作とみなし、OS の端スワイプと衝突しないよう判定域を絞る。戻るボタンも常に併置する。