鼠标滚轮控制网页横向移动实现思路
2018-10-12 13:52
417 查看
<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以下不支持。
您可能感兴趣的文章:
相关文章推荐
- 鼠标滚轮控制网页横向移动实现思路
- 鼠标滚轮控制网页横向移动
- 利用射线实现鼠标控制角色转向和移动
- jQuery实现的鼠标滚轮控制图片缩放功能实例
- 鼠标滚轮事件兼容处理、实现内容横向滑动效果
- 用VBS控制鼠标的实现代码(获取鼠标坐标、鼠标移动、鼠标单击、鼠标双击)
- python实现键盘控制鼠标移动
- 使用WPF Resource以及Transform等技术实现鼠标控制图片缩放和移动的效果
- 使用WPF Resource以及Transform等技术实现鼠标控制图片缩放和移动的效果
- 老土但有效的刷百度空间人气不被封的方法(C#实现操纵鼠标事件,单击、移动、滚轮)
- 【unity3d游戏开发之基础篇】利用射线实现鼠标控制角色转向和移动(角色移动一)
- 文字或图片跟随鼠标移动或键盘控制图片移动实例(javascript实现)
- JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
- MATLAB实现控制鼠标移动和点击
- GUI 剖析之 键盘方向键控制鼠标移动的实现
- js实现鼠标滚轮控制图片缩放效果的方法
- JavaScript实现鼠标滚轮控制页面图片切换功能示例
- 文字围绕鼠标旋转并移动(滚轮控制半径)--鼠标事件