问题描述：

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

原因分析：

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

解决方案：

为整个页面添加事件：

mounted() {//firefoxdocument.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;}});},

vue使用echarts中鼠标滚轮失效问题相关推荐

html如何设置滑轮效果,HTML中鼠标滚轮事件onmousewheel处理
滚轮事件是不同浏览器会有一点点区别,一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件,其他的浏览器滚轮事件 ...
MX Master 2s鼠标滚轮失效
问题:Logitech Options升级后,苹果电脑上鼠标滚轮失效. 解决办法:系统偏好设置->安全性隐私 Logitech options Deamon前面的对号选上就可以了
解决chrome浏览器中鼠标滚轮滚动事件失效的问题
今天遇到了一个html5页面由于开启了图片遮罩层在chrome浏览器中,鼠标滚轮上下滚动时,页面不动的问题,后查询相关资料后解决,具体方法是加入如下代码: <script type=" ...
解决VMware_Ubuntu虚拟机中鼠标滚轮不流畅问题
前言文中解决方法主要对虚拟机ubuntu18.04.20.04进行过应用,其它系统可能有效也可能无效,如果找不到其它办法可以试试. 步骤 1 安装VMware Tools (如果安装,跳过此步) 2 ...
【工具】win10+VMware+Ubuntu+Logitech鼠标滚轮失效问题
在win10环境下,Ubuntu鼠标滚动失效,折腾了一上午,一直以为是 /etc/X11/xorg.conf 配置问题,其实在新版 Ubuntu已经没有该配置文件.最后找到了问题所在,禁用罗技鼠标的 ...
js中鼠标滚轮事件详解
<body style="height:2000px"><script type="text/javascript">var scrol ...
idea中鼠标滚动失效的解决方案：
vmware下ubuntu鼠标滚轮失效解决方法
sudo gedit /etc/X11/xorg.conf 把 Option "Protocol" "ps/2" 改成 Option "Protoco ...
ubuntu下解决鼠标滚轮不能使用的问题
2019独角兽企业重金招聘Python工程师标准>>> 如果你是在VM下安装 Ubuntu,那么必须安装VMware-tools,才能获得更好的体验,包括屏幕分辨率.声音.和wind ...

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

问题描述：

原因分析：

解决方案：

vue使用echarts中鼠标滚轮失效问题相关推荐

最新文章

热门文章