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


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 相关文章推荐
JQuery实现防止退格键返回的方法
Feb 12 Javascript
JS中setTimeout的巧妙用法前端函数节流
Mar 24 Javascript
JavaScript中数组去除重复的三种方法
Apr 22 Javascript
基于jquery插件实现拖拽删除图片功能
Aug 27 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
Jul 14 Javascript
Angular中支持SCSS的方法
Nov 18 Javascript
vue在使用ECharts时的异步更新和数据加载详解
Nov 22 Javascript
基于Swiper实现移动端页面图片轮播效果
Dec 28 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
微信小程序云函数使用mysql数据库过程详解
Aug 07 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 的反射详解及示例代码
2016/08/25 PHP
PHP新特性之字节码缓存和内置服务器
2017/08/11 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
复制本贴标题和地址的js代码
2008/07/01 Javascript
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
2013/08/07 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
Django1.7+JQuery+Ajax验证用户注册集成小例子
2017/04/08 jQuery
微信小程序提交form操作示例
2018/12/30 Javascript
微信小程序实现下拉框功能
2019/07/16 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
2020/02/24 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
[03:39]DOTA2英雄梦之声_第05期_幽鬼
2014/06/23 DOTA
python网络编程学习笔记(七):HTML和XHTML解析(HTMLParser、BeautifulSoup)
2014/06/09 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
python获取命令行输入参数列表的实例代码
2018/06/23 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
pytorch多GPU并行运算的实现
2019/09/27 Python
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
SmartBuyGlasses英国:购买太阳镜和眼镜
2018/01/29 全球购物
DIY手工制作经营店创业计划书
2014/02/01 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
竞聘书怎么写,如何写?
2014/03/31 职场文书
单位授权委托书范文
2014/08/02 职场文书
保管员岗位职责
2015/02/14 职场文书
假如给我三天光明读书笔记
2015/06/26 职场文书
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers