解决chrome浏览器中鼠标滚轮滚动事件失效的问题

今天遇到了一个html5页面由于开启了图片遮罩层在chrome浏览器中，鼠标滚轮上下滚动时，页面不动的问题，后查询相关资料后解决，具体方法是加入如下代码：

<script type="text/javascript">var scrollFunc = function(e) {var direct = 0;e = e || window.event;var value = 0;if(e.wheelDelta) {value = e.wheelDelta;} else if(e.detail) {value = e.detail;}// alert("滚动值为："+value);document.body.scrollTop -= value; //这一句是解决问题的根本}/**注册鼠标滚轮事件**/if(document.addEventListener) {document.addEventListener("DOMMouseScroll", scrollFunc, false);}window.onmousewheel=document.onmousewheel=scrollFunc;
</script>

解决chrome浏览器中鼠标滚轮滚动事件失效的问题相关推荐

tkinter绑定鼠标滚轮滚动事件
大部分的讲python tkinter的书籍好像不太提到如何绑定鼠标滚轮滚动事件哦(其实我也只看了2本书而已).这在某些地方也可能会用到,比如放大缩小图片的时候.我查了下python tkinter文 ...
chrome 浏览器中罗技鼠标滚轮失灵问题解决方法
chrome 浏览器中罗技鼠标滚轮失灵问题解决方法参考文章: (1)chrome 浏览器中罗技鼠标滚轮失灵问题解决方法 (2)https://www.cnblogs.com/fanyfan/p/11 ...
鼠标滚轮滚动事件wheel
鼠标得滚动事件wheel 鼠标的滚轮事件主要有两种: onmousewheel(firefox不支持) DOMMouseScroll(只有firefox支持) wheel 的事件对象得属性: delt ...
解决Chrome浏览器中部分字体显示模糊的问题
如果在Chrome浏览器中查看某些网页时,发现大部分字体显示清晰,但是另外部分字体显示模糊看不清的话,有可能是浏览器字体设置的问题.解决方式如下: 1.点击Chrome浏览器右上角的"... ...
内网使用openssl自签名证书开启https连接，同时解决chrome浏览器中的不安全访问
1.在内网中开启https访问,使用ip,请直接看第二步.如果是外网域名的话,建议直接去从阿里云或者其他的网站中直接用权威机构颁发的证书.地址 2.请先安装OpenSSL 3.生成证书创建根证书 ...
解决VMware_Ubuntu虚拟机中鼠标滚轮不流畅问题
前言文中解决方法主要对虚拟机ubuntu18.04.20.04进行过应用,其它系统可能有效也可能无效,如果找不到其它办法可以试试. 步骤 1 安装VMware Tools (如果安装,跳过此步) 2 ...
完美解决Chrome浏览器中图片出现彩色马赛克的问题
问题描述使用Chrome浏览器浏览网页的时候出现了如下的情况: 解决方案打开Chrome的设置. 进入高级部分的系统. 将"使用硬件加速模式(如果可用)"取消. 个人的猜测 C ...
解决Chrome浏览器中无法通过代码实现自动播放错误
错误提示为:Uncaught (in promise) DOMException: play() failed because the user didn't interact with the do ...
歌词同步滚动，比市面的大多数效果都好，在平滑滚动的前提下加上了鼠标滚轮滚动以及上下拖拽功能
歌词滚动核心原理解析歌词文件,转换成JSON 对象,java 代码放在最下面将歌词时间部分存到数组,字符部分放到 HTML 标签里面,通过Jquery 选中所有歌词 $li ,拿到一个类似于数组的 ...

解决chrome浏览器中鼠标滚轮滚动事件失效的问题

解决chrome浏览器中鼠标滚轮滚动事件失效的问题相关推荐

最新文章

热门文章