手机
当前位置:查字典教程网 >编程开发 >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以下不支持。

【鼠标滚轮控制网页横向移动实现思路】相关文章:

如何控制框架页的滚动

jQuery插件jRumble实现网页元素抖动

让iframe框架网页在任何浏览器下自动伸缩

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

农历与西历对照

jQuery聚合函数实例

解析javascript中鼠标滚轮事件

js实现带按钮的上下滚动效果

JavaScript检测鼠标移动方向的方法

JQuery中DOM事件冒泡实例分析

精品推荐
分类导航