javascript - 将 DIV 转换为单击并拖动视口(viewport)

标签 javascript css prototypejs

是否有人知道一种不显眼的、基于原型(prototype)或无框架的方法,可以将具有大内容(例如 map )的 DIV 转换为具有固定尺寸的可点击和可拖动的“ map ”容器,非常类似于 Google map ?

我想在大型输入表单中显示 HTML block 。这些 block 可能会超出可用空间(每个 block 可以有大约 150x300 像素的视口(viewport))。单击并拖动解决方案将是完美的移动方式。我当然可以使用overflow:auto,但这在这种情况下不是一个方便的移动方法。

最佳答案

看看以下内容:

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

它至少可以为你指明正确的方向

关于javascript - 将 DIV 转换为单击并拖动视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1763203/

相关文章:

javascript - Bootstrap - Jumbotron - 自动图像更改 - jQuery

javascript - Batman.js 新应用程序问题

javascript 权限/访问被拒绝从 ssl iframe 访问父非 ssl 属性

javascript - 在文本链接悬停上显示图像 CSS 或 JS

ruby-on-rails - will_paginate ajax 淡入淡出

jquery - JavaScript 库 : jQuery vs. 原型(prototype)

javascript - 获取不同地点的经纬度值到一个值

css - 使用 Bootstrap v4 对齐按钮

html - 为什么 IE hacks 对我不起作用?

javascript - Scriptaculous - setStyle 在 Firefox 中不起作用