【问题标题】:Some questions about css overflow and paning and zooming关于css溢出和平移缩放的一些问题
【发布时间】:2012-08-09 16:50:24
【问题描述】:

我用 div 和 css 做了一个地图,你可以从 http://test.rickardp.se/test.html 找到一个测试文件

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

现在我使用整个浏览器窗口,应该显示地图的区域应该更小。

我已经搜索并尝试了一些带有溢出的代码:隐藏但我没有任何工作,最好的解决方案只适用于图像。

有什么想法吗?

【问题讨论】:

    标签: jquery html css google-maps maps


    【解决方案1】:

    这是一个很好的起点:

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

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

    更新

    像这样:

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

    资源

    【讨论】:

    • 谢谢,然后只剩下缩放功能 :-) 但也许我可以更好地计算出来,因为一些 div 尺寸更大的数学然后
    猜你喜欢
    • 2013-05-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-16
    • 1970-01-01
    • 2017-05-16
    • 1970-01-01
    • 2018-01-23
    相关资源
    最近更新 更多