Web ページにゲーム ボードが配置されているという問題が発生しています。このゲーム ボードが 20x20 の正方形で、そのコンテナーが 10x10 しか収まらない場合、ゲーム ボードをドラッグできるようにする必要があります。ユーザーはコンテナーの境界の外にドラッグできてはなりません (0,0 タイルはコンテナーの左上を通過してはならず、19,19 タイルは上または左に移動してはなりません)。コンテナの右下）。
jQuery UI にはドラッグ可能な要素があり、それをドラッグすることができますが、作成できる唯一の制約は純粋にコンテナー自体に関連しているように見えます。境界を設定することでこれを回避し (コンテナの代わりに [x1, y1, x2, y2] 形式を使用)、それはしばらくの間機能しましたが、ドラッグが遅く、スクロール可能なソリューションではうまく機能しませんでした。
スクロール可能なフィールド（ドラッグなし）に関する私の問題により、スクロールバーがコンテンツ内に配置され、非常に乱雑に見えます。
要素への慣性スクロールを備えた、ドラッグ可能な優れたソリューションはありますか? スクロールだけが唯一の方法ですか？私は本当にどちらか一方を切り替えることに制限されていますか?
ありがとう！