手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >鼠标滚轮控制网页横向移动实现思路
鼠标滚轮控制网页横向移动实现思路
摘要:复制代码代码如下:$('body').mousewheel(function(event,delta){varleft=$(window)....

复制代码 代码如下:

<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实现解析XML文档与字符串

JavaScript中的sub()方法的使用介绍

js+html5通过canvas指定开始和结束点绘制线条的方法

js控制网页前进和后退的方法

基于JavaScript实现图片点击弹出窗口而不是保存

javascript鼠标滑动评分控件完整

网页里控制图片大小的相关代码

js事件监听器用法实例详解

js中setTimeout()与clearTimeout()用法实例浅析

Jquery使用val方法读写value值

精品推荐
分类导航