jQuery 鼠标滚轮插件 mousewheel

所属分类:UI-滚动

 167047  389  查看评论 (18)
分享到微信朋友圈
X
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);
    }
});
相关插件-滚动

jQueryScrollPage单页全屏滚动效果

漂亮的jQuery单页全屏滚动,带视差效果
  滚动
 35651  392

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 42985  401

新闻向下翻滚更新

新闻向下翻滚更新
  滚动
 35522  431

jQuery电商网站楼层滚动定位

jQuery电商网站楼层滚动定位
  滚动
 56027  628

讨论这个项目(18)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Mr.橘 0
    2017/7/5 13:34:09

    delta, deltaX, deltaY 都是undefined,怎么办,求大神解决

    回复
    知己之笔 0
    2017/4/8 15:00:31
    这个可不可以实现自适应 回复
    冬天要吃糖炒栗子呀 0
    2017/3/30 8:54:46

    不兼容 mac 的谷歌浏览器啊

    回复
    少年、前路漫漫 0
    2017/3/23 15:15:04

    你这鼠标滚动的速度是哪个值?

        许你@_@花前月下0
        2017/7/3 17:40:42

        一个号

    回复
    幻影 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就是这样做的


    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复