鼠标滚轮滚动事件
2015-04-03 11:05
162 查看
鼠标滚轮滚动事件
有时候我们会遇到一个页面有两个滚动条的问题,我们希望只有一个滚动条可以使用,以下代码可以使用:
首先我们要有一个页面滚动条,一个div的滚动条,我这里的div名为swf,flexpaper的显示div。
这段js代码可以解决问题,但是在chrome浏览器下却连div的滚动条都禁止掉了,我尝试了下,发现将
这两句注释掉,就可以用了,具体原因不明。
此方法支持360安全浏览器,ie,chrome。
有时候我们会遇到一个页面有两个滚动条的问题,我们希望只有一个滚动条可以使用,以下代码可以使用:
首先我们要有一个页面滚动条,一个div的滚动条,我这里的div名为swf,flexpaper的显示div。
function MouseWheel(e) { ///按下鼠标滚路,阻止视窗滚动 e = e || window.event; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; //其他代码 } window.onload = function () { var swf = document.getElementById('swf'); swf.onmousewheel = MouseWheel; }
这段js代码可以解决问题,但是在chrome浏览器下却连div的滚动条都禁止掉了,我尝试了下,发现将
if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true;
这两句注释掉,就可以用了,具体原因不明。
此方法支持360安全浏览器,ie,chrome。
相关文章推荐
- tkinter绑定鼠标滚轮滚动事件
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- 配合鼠标滚轮事件的可自定义样式的区域滚动条插件(基于jquery)
- js整频滚动展示效果(函数节流鼠标滚轮事件)
- jquery 响应不同浏览器 鼠标滚轮上下滚动事件 相对的操作
- 让TscrollBox响应鼠标滚轮的滚动事件
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- 绑定鼠标滚轮上下滚动事件
- flex鼠标滚轮事件(鼠标滚动后,数字变换)
- 兼容各浏览器获取鼠标滚轮上下滚动事件
- jquery监听鼠标滚轮(滚动)事件
- js对于鼠标滚轮事件的监听
- js中的鼠标滚轮事件
- 鼠标滚轮事件+键盘按键事件(仿《主公莫慌》官网)
- Winform 中panel的mousewheel鼠标滚轮事件触发
- js鼠标滚轮事件
- Wpf ScrollViewer with WrapPanel 使用鼠标滚轮水平滚动内容
- javascript鼠标滚动事件中出现的问题
- 监听PC/移动端,鼠标滑动,滚轮,手指滑动事件
- 判断当前浏览器是不是火狐和禁止鼠标滚轮事件