Js控制滑轮左右滑动实例

今天弄了一个东西，页面本来是横向，所以底部有横向滚动条，竖着就没有滚动条了，现在要求是鼠标滑轮要左右滚动，这就需要写js代码来实现了，写这个的过程中遇到很大麻烦

ie 火狐 chrome 三个浏览器支持的函数完全不一样，真是疯啦。

这里有几个知识点说明一下 监控滑轮的事件 ie:onmousewheel firfox:DOMMouseScroll chrome:mousewheel 哎真是无语 滚动的返回值也是不一样的 firfox用detail 返回 +-3 其他的用wheelDelta 返回 +-120 有返回值判断滚动的方向

还有一般浏览器除了chrome判断页面的左移动用document.documentElement.scrollLeft 但是chrome浏览器要用document.body.scrollLeft

好了代码分享如下：

rush:js;">

这个代码其实有点问题就是在chrome浏览器下只有鼠标放到那个灰色内才能滑动，这个问题我一直没有解决掉，如果那个高手解决可以留言告诉我，谢谢了。

原文地址：https://www.jb51.cc/js/55745.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：JavaScript匿名函数用法分析下一篇：javascript获取元素离文档各边距离