vue使用echarts中鼠标滚轮失效问题

问题描述:

前端使用echarts绘图时,鼠标在图表中滚动页面经常失效,只有在滚动条或页面空白区域上才能滚动页面。


原因分析:

未找到原因 - - , 找到原因了再更新吧。。。望各位大佬们知道原因的能在评论区留言告诉我,感谢!


解决方案:

为整个页面添加事件:

mounted() {
	//firefox
     document.addEventListener("DOMMouseScroll", function (event) {
      if (event.detail> 0) {
        //向上滚动
        document.body.scrollTop -= 50;
      } else{
        //向下滚动
        document.body.scrollTop += 50;
      }
    });
    //其他
    document.addEventListener("mousewheel", function (event) {
      if (event.wheelDelta > 0) {
        //向上滚动
        document.body.scrollTop -= 50;
      } else{
        //向下滚动
        document.body.scrollTop += 50;
      }
    });
 },
上一篇:用公司测试数据做的一个展示大屏


下一篇:使用SovitChart十分钟开发支持全国-省-市的ECharts地图