鼠标滚轮控制网页横向移动实现思路


Posted in Javascript onMarch 22, 2013
<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以下不支持。
Javascript 相关文章推荐
Prototype Date对象 学习
Jul 12 Javascript
js获取单选框或复选框值及操作
Dec 18 Javascript
jquery实现图片滚动效果的简单实例
Nov 23 Javascript
后台获取ZTREE选中节点的方法
Feb 12 Javascript
JS使用onerror捕获异常示例
Aug 03 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 Javascript
angularJs提交文本框数据到后台的方法
Oct 08 Javascript
JavaScript中this用法学习笔记
Mar 17 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
vue中echarts引入中国地图的案例
Jul 28 Javascript
JQuery实现用户名无刷新验证的小例子
Mar 22 #Javascript
jquery文字上下滚动的实现方法
Mar 22 #Javascript
JS模块与命名空间的介绍
Mar 22 #Javascript
JS在textarea光标处插入文本的小例子
Mar 22 #Javascript
JavaScript 验证码的实例代码(附效果图)
Mar 22 #Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 #Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 #Javascript
You might like
最小化数据传输――在客户端存储数据
2006/10/09 PHP
CodeIgniter php mvc框架 中国网站
2008/05/26 PHP
ThinkPHP php 框架学习笔记
2009/10/30 PHP
php防止用户重复提交表单
2015/11/02 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
PHP实现文件上传与下载
2020/08/28 PHP
拖动Html元素集合 Drag and Drop any item
2006/12/22 Javascript
利用div+jquery自定义滚动条样式的2种方法
2013/07/18 Javascript
不同Jquery版本引发的问题解决
2013/10/14 Javascript
使用jquery自定义鼠标样式满足个性需求
2013/11/05 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
javascript使用正则表达式实现去掉空格之后的字符
2015/02/15 Javascript
百度地图api如何使用
2015/08/03 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
2018/12/12 Javascript
JS实现的点击按钮图片上下滚动效果示例
2019/01/28 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
selenium+java中用js来完成日期的修改
2019/10/31 Javascript
vue v-for直接循环数字实例
2019/11/07 Javascript
用js实现放大镜效果
2020/10/28 Javascript
vue使用exif获取图片经纬度的示例代码
2020/12/11 Vue.js
Django基于ORM操作数据库的方法详解
2018/03/27 Python
Python正则表达式和re库知识点总结
2019/02/11 Python
浅谈Python中eval的强大与危害
2019/03/13 Python
巴西男士个人护理产品商店:SHOP4MEN
2017/08/07 全球购物
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
外贸业务员工作职责
2014/01/06 职场文书
运动会开幕式解说词
2014/02/05 职场文书
优秀女职工事迹材料
2014/02/06 职场文书
少年闰土教学反思
2014/02/22 职场文书
服务承诺口号
2014/05/22 职场文书
个人投资合作协议书
2014/10/12 职场文书
入股协议书范本
2014/11/01 职场文书
python实现简单的三子棋游戏
2022/04/28 Python
Typescript类型系统FLOW静态检查基本规范
2022/05/25 Javascript