作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 00:14:08 阅读 我要评论

复制代码 代码如下: <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实现回旋滚动效果

今天在网上找到一款回旋滚动效果,拿出来和大家一起分享。先上效果图: html 代码: 复制代码 代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>jquery-roundabout</title> >>>详细阅读


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

地址:http://www.17bianji.com/kaifa2/JS/22581.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)