Firefox禁用浏览器缩放,但允许元素缩放

时间:2015-04-24 15:01:56

标签: firefox d3.js zoom pinch

我有一个针对运行Firefox的触摸屏运行的网站(非常具体我知道,但它有望帮助解决方案) 在相关页面上,我有一张d3地图,我试图启用捏缩放,但是任何捏合手势都会导致Firefox为整个页面设置缩放。有没有办法阻止页面缩放,只允许地图缩放?

如果我必须修改Firefox配置设置,这不是问题,但我更愿意避免它并尽可能完全依赖javascript。

提前谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用viewport metatagHammer.js

执行此操作
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

这将禁用默认的浏览器缩放。

然后,您可以使用Hammer.js捕获手势事件,然后将其传递给D3.js代码以缩放地图