#### 此方法封裝了鼠標向上/向下滾動時觸發的函數，只需傳入對應函數名 * * * * * ~~~ function scrollFunc(fnUp,fnDown){ //Firefox if(document.addEventListener) { document.addEventListener('DOMMouseScroll', scroll, false); } //IE及其他瀏覽器 window.onmousewheel = document.onmousewheel = scroll; function scroll(e) { e = e || window.event; //IE/Opera/Chrome if(e.wheelDelta) { if(parseInt(e.wheelDelta) > 0) { //鼠標向上滾動 if(fnUp){ fnUp(); } } else { //鼠標向下滾動 if(fnDown){ fnDown(); } } } else if(e.detail) { //Firefox if(parseInt(e.detail) > 0) { //鼠標向上滾動 if(fnUp){ fnUp(); } } else { //鼠標向下滾動 if(fnDown){ fnDown(); } } } } } //示例 scrollFunc(up,down); //向上滾動時觸發的函數 function up(){ if(document.documentElement.scrollTop > 200){ console.log('向上滾動距離頭部200px時觸發函數'); } } //向下滾動時觸發的函數 function down(){ if(document.documentElement.scrollTop > 300){ console.log('向下滾動距離頭部300px時觸發函數'); } } ~~~ #### 鼠標滾動函數\~\~L表示滾動距頭部的距離，fn表示要執行的函數 * * * * * ~~~ function scrollFunc(L,fn) { //Firefox if(document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFun, false); } //IE及其他瀏覽器 window.onmousewheel = document.onmousewheel = scrollFun; function scrollFun(){ if(document.documentElement.scrollTop > L) { fn(); } } } //示例 scrollFunc(200,abc); function abc(){ console.log('滾動距離頭部一定距離時觸發函數'); } ~~~