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


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对象关系图 方便dom操作
Mar 18 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
Oct 25 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
关于JS变量和作用域详解
Jul 28 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
node.js中EJS 模板快速入门教程
May 08 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
详解React 服务端渲染方案完美的解决方案
Dec 14 Javascript
如何对react hooks进行单元测试的方法
Aug 14 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中的四舍五入函数代码(floor函数、ceil函数、round与intval)
2014/07/14 PHP
深入理解PHP内核(二)之SAPI探究
2015/11/10 PHP
PHP读取XML格式文件的方法总结
2017/02/27 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
javascript 静态对象和构造函数的使用和公私问题
2010/03/02 Javascript
原生Javascript封装的一个AJAX函数分享
2014/10/11 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
AngularJS bootstrap启动详解及实例代码
2016/09/14 Javascript
Javascript 实现简单计算器实例代码
2016/10/23 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
2016/11/16 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
2017/04/11 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
JQuery EasyUI的一些常用组件
2017/07/12 jQuery
Vue利用路由钩子token过期后跳转到登录页的实例
2017/10/26 Javascript
JavaScript ES2019中的8个新特性详解
2019/02/20 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
2019/06/18 jQuery
vuex存取值和映射函数使用说明
2020/07/24 Javascript
Python利用multiprocessing实现最简单的分布式作业调度系统实例
2017/11/14 Python
python实现验证码识别功能
2018/06/07 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
Django 博客实现简单的全文搜索的示例代码
2020/02/17 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
Selenium获取登录Cookies并添加Cookies自动登录的方法
2020/12/04 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
八年级音乐教学反思
2014/01/09 职场文书
安全宣传标语口号
2014/06/06 职场文书
党的群众路线教育实践活动个人整改措施
2014/10/27 职场文书
2014年领导班子工作总结
2014/12/11 职场文书
孔子观后感
2015/06/08 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
Python Parser的用法
2021/05/12 Python
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL
Springboot/Springcloud项目集成redis进行存取的过程解析
2021/12/04 Redis
Apache Pulsar结合Hudi构建Lakehouse方案分析
2022/03/31 Servers