js/jq判断鼠标滚轮方向
生活随笔
收集整理的這篇文章主要介紹了
js/jq判断鼠标滚轮方向
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
js判斷鼠標滾輪方向:
var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判斷瀏覽器IE,谷歌滑輪事件 if (e.wheelDelta > 0) { //當滑輪向上滾動時 //事件 } if (e.wheelDelta < 0) { //當滑輪向下滾動時 //事件 } } else if (e.detail) { //Firefox滑輪事件 if (e.detail> 0) { //當滑輪向上滾動時 //事件 } if (e.detail< 0) { //當滑輪向下滾動時 //事件 } } } //給頁面綁定滑輪滾動事件 if (document.addEventListener) {//firefox document.addEventListener('DOMMouseScroll', scrollFunc, false); } //滾動滑輪觸發scrollFunc方法 //ie 谷歌 window.onmousewheel = document.onmousewheel = scrollFunc;jq看起來就很簡單:
$(document).ready(function(){var p=0;t=0;$(window).scroll(function(e){p=$(this).scrollTop();if(t<=p){console.log('下滾')}else{console.log('上滾')}t = p; })})但以上方法會在監聽時調用多次,可以采用節流函數解決。
轉載于:https://www.cnblogs.com/syll/p/6233684.html
總結
以上是生活随笔為你收集整理的js/jq判断鼠标滚轮方向的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Sublime Text 快捷键
- 下一篇: 关于C中内存操作