问题描述:
前端使用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;
}
});
},