2016-03-07 74 views
0

我不想使用任何jquery插件。我想使用本地滾動條並使用jquery,這樣我就可以獲得固定的滾動條。 到目前爲止,我需要使用jquery.mousewheel.min.js庫來在使用鼠標滾輪時給出一個固定的scrollamount,但在拖動滾動條或單擊滾動按鈕時沒有做同樣的事情。 我得到了滾輪選項驗證碼:如何使用原生滾動和使用jQuery給它一個修復滾動量(以像素爲單位)?

function wheel($div, deltaY) { 
var step = 30; 
var pos = $div.scrollTop(); 
var nextPos = pos + (step * (-deltaY)) 
console.log("DelatY: " + deltaY + ", Step: " + step + ", nextPos: " + nextPos); 
$div.scrollTop(nextPos); 
} 

$('#test').bind('mousewheel', function (event, delta, deltaX, deltaY) { 
    if (delta > -2 && delta < 2) { 
     wheel($(this), deltaY); 
     event.preventDefault(); 
    } 
    console.log(delta); 
}); 
+0

什麼是delta,deltaX和deltaY? –

回答

0

事件沒有被綁定與控制,請嘗試以下一個

$(document).ready(function() 
    { 
     $('#test').bind('mousewheel', function (event, delta, deltaX, deltaY) { 
      if (delta > -2 && delta < 2) { 
       wheel($(this), event.clientY); 
       event.preventDefault(); 
      } 
      console.log(delta); 
     }); 
    }); 

以及參數delta, deltaX, deltaY值也傳遞因爲未定義,所以請提供相同的價值。