我有一个针对运行Firefox的触摸屏运行的网站(非常具体我知道,但它有望帮助解决方案) 在相关页面上,我有一张d3地图,我试图启用捏缩放,但是任何捏合手势都会导致Firefox为整个页面设置缩放。有没有办法阻止页面缩放,只允许地图缩放?
如果我必须修改Firefox配置设置,这不是问题,但我更愿意避免它并尽可能完全依赖javascript。
提前谢谢
答案 0 :(得分:0)
您可以使用viewport metatag和Hammer.js
执行此操作<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
这将禁用默认的浏览器缩放。
然后,您可以使用Hammer.js捕获手势事件,然后将其传递给D3.js代码以缩放地图