将DIV转换为单击并拖动视口

时间:2009-11-19 13:12:28

标签: javascript css prototypejs

有人知道一种不引人注目的Prototype或没有基于框架的方式将具有大内容的DIV(例如地图)转换为具有固定尺寸的可点击且可拖动的“地图”容器,非常类似于谷歌地图吗?

我想以大输入形式显示HTML块。这些块可以超过可用空间(每个块可以具有大约150x300像素的视口)。点击并拖动解决方案将非常适合移动它们。我当然可以使用overflow:auto,但在这种情况下,这不是一种方便的移动方式。

3 个答案:

答案 0 :(得分:3)

看看以下内容:

http://www.switchonthecode.com/tutorials/javascript-tutorial-draggable-view-in-a-container

至少可以指出你正确的方向

答案 1 :(得分:1)

你是不是喜欢jQuery portlets?

答案 2 :(得分:0)

我为触摸屏制作一个。它涉及根据某人在迷你地图上拖动可视区域来移动大型地图,并具有各种缩放级别。

看看:

http://www.mintohomes.com/morgansgrantkiosk/SitePlan/Default.asp

JavaScript源代码位于页面中。