我遇到了一个问题，我在网页上布置了一个游戏板。如果这个游戏板是 20x20 的方格并且它的容器只能容纳 10x10，我需要里面的游戏板是可拖动的。用户不应将其拖出容器的边界（因为 0,0 瓷砖不应通过容器的左上角，而 19,19 瓷砖不应高于或左侧 o容器的右下角）。
jQuery UI 有一个允许我拖动它的可拖动元素，但我似乎可以做出的唯一约束纯粹与容器本身有关。我通过设置边界（使用 [x1, y1, x2, y2] 格式而不是容器）解决了这个问题，并且工作了一段时间——除了拖动速度很慢并且不适用于可滚动的解决方案。
我的可滚动字段问题（没有拖动）将滚动条放在内容中，看起来很乱。
是否有一个很好的可拖动解决方案，可以惯性滚动到元素？滚动是唯一的方法吗？我真的仅限于在一个或另一个之间切换吗？
谢谢！