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


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的颜色选择插件实例代码
Oct 02 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
Oct 27 Javascript
全面解析Bootstrap表单使用方法(表单样式)
Nov 24 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
Vue.js基础知识小结
Jan 13 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
Apr 07 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
详解vuex中action何时完成以及如何正确调用dispatch的思考
Jan 21 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
JS原型prototype和__proto__用法实例分析
Mar 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+javascript模拟Matrix画面
2006/10/09 PHP
解析thinkphp基本配置 convention.php
2013/06/18 PHP
php递归创建目录的方法
2015/02/02 PHP
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
js中 javascript:void(0) 用法详解
2015/08/11 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
Node.js模块封装及使用方法
2016/03/06 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
2016/09/06 Javascript
JQuery控制DIV的选取实现方法
2016/09/18 Javascript
vue页面使用阿里oss上传功能的实例(二)
2017/08/09 Javascript
使用vue-cli导入Element UI组件的方法
2018/05/16 Javascript
浅谈vue父子组件怎么传值
2018/07/21 Javascript
web页面和微信小程序页面实现瀑布流效果
2018/09/26 Javascript
NodeJS使用Range请求实现下载功能的方法示例
2018/10/12 NodeJs
JavaScript实现动态添加、移除元素或属性的方法分析
2019/01/03 Javascript
使用js实现一个简单的滚动条过程解析
2019/09/10 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
通过Pandas读取大文件的实例
2018/06/07 Python
python+opencv实现阈值分割
2018/12/26 Python
python实现文件批量编码转换及注意事项
2019/10/14 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
详解pandas获取Dataframe元素值的几种方法
2020/06/14 Python
干部鉴定材料
2014/05/18 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
寒假安全保证书
2015/02/28 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
教你修复 Win11应用商店加载空白问题
2021/12/06 数码科技
【海涛dota解说】海涛小满开黑4v5被破两路翻盘潮汐第一视角解说
2022/04/01 DOTA