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


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 相关文章推荐
js保存当前路径(cookies记录)
Dec 14 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
实现一个简单的vue无限加载指令方法
Jan 10 Javascript
Bootstrap实现各种进度条样式详解
Apr 13 Javascript
代码详解JS操作剪贴板
Feb 11 Javascript
浅谈Angular7 项目开发总结
Dec 19 Javascript
解决layer.msg 不居中 ifram中的问题
Sep 05 Javascript
JavaScript实现Tab选项卡切换
Feb 13 Javascript
微信小程序用户盒子、宫格列表的实现
Jul 01 Javascript
JavaScript使用canvas绘制坐标和线
Apr 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
PHP中cookies使用指南
2007/03/16 PHP
PHP类与对象中的private访问控制的疑问
2012/11/01 PHP
php操作redis缓存方法分享
2015/06/03 PHP
浅谈PHP中的
2016/04/23 PHP
php图像处理函数imagecopyresampled用法详解
2016/12/02 PHP
PHP中大括号'{}'用法实例总结
2017/02/08 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
js返回上一页并刷新代码整理
2012/12/21 Javascript
js select option对象小结
2013/12/20 Javascript
javascript创建createXmlHttpRequest对象示例代码
2014/02/10 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
vue addRoutes实现动态权限路由菜单的示例
2018/05/15 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
微信小程序页面间跳转传参方式总结
2019/06/13 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
详解Python中time()方法的使用的教程
2015/05/22 Python
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
详解Python各大聊天系统的屏蔽脏话功能原理
2016/12/01 Python
python 判断网络连通的实现方法
2018/04/22 Python
python+selenium实现自动抢票功能实例代码
2018/11/23 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
2019/12/12 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
基于Tensorflow:CPU性能分析
2020/02/10 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
python实现sm2和sm4国密(国家商用密码)算法的示例
2020/09/26 Python
韩国知名的家庭购物网站:CJmall
2016/08/01 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
C语言50道问题
2014/10/23 面试题
奥林匹克的口号
2014/06/13 职场文书
师德先进个人事迹材料
2014/12/19 职场文书
Linux安装Nginx步骤详解
2021/03/31 Servers
Python pandas求方差和标准差的方法实例
2021/08/04 Python
Android Canvas绘制文字横纵向对齐
2022/06/05 Java/Android