jQuery 鼠标滚轮插件 mousewheel

所属分类:UI-滚动

 70065  62  查看评论 (13)
jQuery 鼠标滚轮插件 mousewheel ie兼容6

jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。

mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。

通过参数delta可以获取鼠标滚轮的方向和速度。

如果delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。

Js代码

// using bind
$('#my_elem').bind('mousewheel', function(event, delta, deltaX, deltaY) {
    if (window.console && console.log) {
         console.log(delta, deltaX, deltaY);
    }
});
// using the event helper
$('#my_elem').mousewheel(function(event, delta, deltaX, deltaY) {
    if (window.console && console.log) {
         console.log(delta, deltaX, deltaY);
    }
});

相关插件-滚动

jQuery仿淘宝网右侧悬浮返回顶部和建议代码

jQuery仿淘宝网右侧悬浮返回顶部和建议代码
  滚动
 8603  38

全屏滚动插件带侧边栏

过渡效果柔和的滚动插件,适用pc和手机
  滚动
 8119  90

jquery多风格多功能滚动特效代码插件

jquery.liMarquee.js 使用技巧
  滚动
 6388  95

jQuery单页全屏滚动布局插件AppLikeOnePage.js

AppLikeOnePage.js是一款简单实用的App样式单页全屏滚动布局jQuery插件。通过该插件可以非常容易的创建单页全屏滚动布局,页面不带滚动条,可以通过鼠标或键盘方向键来整屏滚动页面。
  滚动
 9211  113

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币

    幻影 0
    2016/12/1 10:12:28
    这个并不兼容IE8啊 回复
    我的好菇凉 0
    2016/11/16 20:11:04
    这个怎么用的,谁教教我 回复
    天空 0
    2016/4/25 10:04:43
    Thάnαtος 0
    2016/1/18 22:01:28

    滑动鼠标滚轮的时候可以,为什么拨动滚动条的时候不行?

    回复
    liuchengfeng 0
    2015/12/2 16:12:36
    陈轩大魔王 0
    2015/10/16 11:10:31

    "怎样滑动时页面不要动"

    设置body的css成overflow: hidden

    反正bootstrap就是这样做的


    回复
    再见,那些年! 0
    2015/10/2 2:10:49

    怎样滑动时页面不要动

        そ。1
        2016/1/26 10:01:30

        执行滑动代码后面加上return false呀。

    回复
    丶Yours 0
    2015/7/22 10:07:35
    @嘻哈面具 页面要有要有doctype的,遵循声明标准 回复
    hacker 0
    2015/6/24 21:47:01
    @嘻哈面具 不是吧 回复
    嘻哈面具 0
    2015/6/24 15:23:05
    嗯,提示一下要放到执行代码或文件的后面,放前面不行的。 回复
取消回复
    PROMULGATOR

    济公

    四川省成都市