最近寫簡歷想用到監(jiān)聽滾輪上下滾動(dòng)執(zhí)行事件的功能干厚,但是搜了很多大多數(shù)都是執(zhí)行滾輪事件扫沼,沒有判斷上下滾動(dòng)分別監(jiān)聽的時(shí)間瘟裸。
然后看到一篇文章有寫到镊掖,滾輪移動(dòng)上下會有一個(gè)event里面值發(fā)生變化陶衅,向下滾動(dòng)是3屡立,向上滾動(dòng)是-3。
這個(gè)值在firefox里面的是 event.detail搀军。
但在chorme內(nèi)核是event.wheelDelta膨俐,分別對應(yīng)是-120,120。
所以可以根據(jù)這兩個(gè)值判斷上下滾動(dòng)而實(shí)現(xiàn)監(jiān)聽對應(yīng)的事件罩句。
還有兼容性問題也要注意焚刺,這就不細(xì)說了。
參考資料 :http://www.zhangxinxu.com/wordpress/2013/04/js-mousewheel-dommousescroll-event/