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


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 相关文章推荐
ExtJS自定义主题(theme)样式详解
Nov 18 Javascript
JQuery.get提交页面不跳转的解决方法
Jan 13 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
Aug 07 Javascript
js随机生成26个大小写字母
Feb 12 Javascript
Node.js中路径处理模块path详解
Nov 14 Javascript
JavaScript 自定义事件之我见
Sep 25 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
Feb 10 Javascript
javascript中的event loop事件循环详解
Dec 14 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 02 Javascript
JavaScript实现五子棋小游戏
Oct 26 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
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
1.PHP简介
2006/10/09 PHP
php实现使用正则将文本中的网址转换成链接标签
2014/12/03 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
jQuery的Ajax时无响应数据的解决方法
2010/05/25 Javascript
DOM_window对象属性之--clipboardData对象操作代码
2011/02/03 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
2013/06/28 Javascript
基于JavaScript实现动态添加删除表格的行
2016/02/01 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
2016/06/10 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
Nodejs实现多房间简易聊天室功能
2017/06/20 NodeJs
vue组件jsx语法的具体使用
2018/05/21 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
Django+vue跨域问题解决的详细步骤
2019/01/20 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
2020/05/23 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
[43:41]OG vs Newbee 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
[56:38]DOTA2-DPC中国联赛正赛Aster vs Magma BO3 第一场 3月5日
2021/03/11 DOTA
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
Python and、or以及and-or语法总结
2015/04/14 Python
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
Python 等分切分数据及规则命名的实例代码
2019/08/16 Python
Django权限设置及验证方式
2020/05/13 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
加拿大建筑和装修专家:Reno-Depot
2017/12/21 全球购物
伦敦香水公司:The London Perfume Company
2019/11/13 全球购物
项目经理任命书内容
2014/06/06 职场文书
教师岗位职责范本
2015/04/02 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书
2016年安康杯竞赛活动总结
2016/04/05 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技