Js控制滑轮左右滑动实例

前端之家收集整理的这篇文章主要介绍了Js控制滑轮左右滑动实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

好了代码分享如下:

无<a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>文档

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

原文链接:https://www.f2er.com/js/55745.html

猜你在找的JavaScript相关文章