如何为内部内容创建一个可滚动和可拖动的div元素?

时间:2013-04-19 18:04:32

标签: jquery css draggable scrollable

我遇到了在网页上放置游戏板的问题。如果这个游戏板是20x20正方形,并且它的容器只能适合10x10,我需要内部的游戏板可以拖动。用户不应该将其拖动到容器的边界之外(因为0,0 tile不应该通过容器的左上角,并且19,19 tile不应该在上面或左边o容器的右下角。)

jQuery UI有一个可拖动的元素,允许我拖动它,但我可以看到的唯一约束纯粹与容器本身有关。我通过设置边界(使用[x1,y1,x2,y2]格式而不是容器)来解决这个问题,并且工作了一段时间 - 除了拖动速度很慢并且无法使用可滚动的解决方案。

我的可滚动字段问题(没有拖动)将滚动条放在内容中,看起来非常混乱。

是否有一个良好的可拖动解决方案,该元素具有惯性滚动?滚动是唯一的方法吗?我真的只能在一个或另一个之间切换吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

尝试过使用css元素“scroll:auto”?