D3缩放功能,触摸移动卡在了Android浏览器中

时间:2019-07-11 10:30:08

标签: javascript d3.js scroll zoom

我正在使用具有缩放功能的d3 V5来实现滚动功能,它在除Android之外的所有平台上都运行良好。

当尝试在Android设备上滚动时,它将首次起作用,直到我们移除第一次触摸,然后卡在其中。

我的代码:

select(`#${id}`).call(function(){
return zoom().on('zoom', () => {
  const { x } = event.transform;

  selectAll(`#${id}-${scrollBar}`).attr('transform', `translate(${x}, 0)`);
});

D3版本:5.9.7

调试时出现以下错误。

[干预]忽略尝试取消带有cancelable = false的touchstart事件,例如,因为滚动正在进行并且不能中断。

有人可以提供解决方案吗

0 个答案:

没有答案