jquery - 关于css overflow和平移缩放的一些问题

Question

我用 div 和 css 做了一个 map ，你可以在 http://test.rickardp.se/test.html 上找到一个测试文件。

但我试图在它上面获得平移和缩放功能，最好的应该是它应该像 Google map 一样工作，用户可以使用鼠标上的滚轮缩放并通过单击和拖动进行平移。

现在我使用整个浏览器窗口时，应该显示 map 的区域应该更小。

我已经搜索并尝试了一些带有 overflow:hidden 的代码，但我没有任何工作，最好的解决方案仅适用于图像。

有什么想法吗？

Answer 1

这将是一个很好的起点:

http://jqueryui.com/demos/draggable/#default

尝试将可拖动元素放入“查看窗口”内，并将“查看窗口”溢出设置为隐藏。

更新

像这样:

http://jsfiddle.net/nickaknudson/7fwYK/

资源

• > http://jqueryui.com/demos/draggable/#default