關於CSS溢出和paning和縮放

Question

我已經做了與divs和CSS的地圖，你可以找到從http://test.rickardp.se/test.html

測試文件，但我想一些問題，讓paning和變焦功能就可以了，最好的應該因爲它應該像谷歌地圖一樣工作，用戶可以使用鼠標上的滾輪進行縮放，並通過點擊和拖動進行拖動。

由於使用整個瀏覽器窗口，地圖應該顯示的區域應該更小。

我有搜索，並嘗試了一些與溢出代碼：隱藏，但我沒有得到任何工作，最好的解決方案是隻爲圖像。

任何想法？

Answer 1

這將是一個很好的起點：

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

嘗試把一個可拖動的元素的「觀察窗」內和「視窗」溢出設置爲隱藏。

UPDATE

像這樣：

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

資源

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