要實現的效果是在ie,chrome,firefox下監聽滾輪觸發事件。源碼:window.onscroll=function(e){
var e =e || window.event;
var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;var box = $('#qa-head');if(document.body.scrollTop >= 400){
box.addClass('fixed-head');
}else{
box.removeClass('fixed-head');
}
}模擬onscroll效果if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chromevar scrollFunc=function(e){
e=e || window.event; var t1=document.getElementById("qa-head"); if(t1.detail >= 400){
t1.addClass('fixed-head'); console.log('firefox');
}else{
t1.removeClass('fixed-head'); console.log('firefox lll');
}
}但是火狐模擬onscroll的這段代碼控制臺都沒有輸出,是什么原因哪里錯了?
firefox怎么監聽鼠標滾輪滾動,這個兼容性問題怎么解決?
忽然笑
2018-08-10 11:10:01