鼠标滚轮控制网页横向移动实现思路
更新时间：2013年03月22日 15:17:51 作者：
设置window的scrollLeft值，这里一定要是window不能是body否则滚动有问题,绑定事件mousewhell 也必须是在body上,感兴趣的各位可以了解下哈，希望可以帮助到你
复制代码 代码如下:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
$('body').mousewheel(function(event, delta) {
var left=$(window). scrollLeft();
$(window). scrollLeft(left-(delta * 100))
event.preventDefault();
})
jquery实现网页横向滚动的代码，需要一个mousewheel.js 。 简单说就是设置window的scrollLeft值，这里一定要是window不能是body否则滚动有问题。很纳闷。绑定事件mousewhell 也必须是在body上，window话IE8以下不支持。
相关文章
js和jquery设置disabled属性为true使按钮失效
这篇文章主要介绍了js和jquery使按钮失效的方法,需要的朋友可以参考下2014-08-08
这篇文章主要介绍了JS+CSS实现自动切换的网页滑动门菜单效果代码,涉及JavaScript基于时间函数动态变换页面tab样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了用js判断是否为360浏览器的实现代码,有时候我们需要判断是否为360浏览器，包括百度联盟后台就有这样的提示需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了JavaScript仿网易选项卡制作代码，具有一定的参考价值，感兴趣的朋友可以参考一下2016-10-10
这篇文章主要为大家详细介绍了JavaScript实现环绕鼠标旋转效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
js无缝滚动，图片无缝滚动，文字无缝滚动，基于js代码如何实现，本篇文章给大家详解js代码实现无缝滚动(文字和图片)，需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了JS上传组件FileUpload自定义模板的使用方法，感兴趣的小伙伴们可以参考一下2016-05-05
当编辑某条数据时，再回过头来进行编辑，会发现，里面的数据和没有编辑以前是一样的，这就是ie缓存的问题，下面是一个不错的解决方法2014-08-08
这篇文章主要为大家详细介绍了原生js实现随机点名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
本篇文章主要介绍了详解webpack4升级指南以及从webpack3.x迁移，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
最新评论