禁止瀏覽器滾動條滾動，但滾動條可以顯示

最近寫一個類似土豆播放器選集數的滾動條，需要的效果是當鼠標位於選擇集數的div中時只能滾動該div的滾動條，但是瀏覽器滾動條禁止滾動~

 

網站找了很多方法都是直接隱藏滾動條，最終找到下面方法

代碼：

var keys = [37, 38, 39, 40];

function preventDefault(e) {
  e = e || window.event;
  if (e.preventDefault)
      e.preventDefault();
  e.returnValue = false;  
}

function keydown(e) {
    for (var i = keys.length; i--;) {
        if (e.keyCode === keys[i]) {
            preventDefault(e);
            return;
        }
    }
}

function wheel(e) {
  preventDefault(e);
}

function disable_scroll() {
  if (window.addEventListener) {
      window.addEventListener('DOMMouseScroll', wheel, false);
  }
  window.onmousewheel = document.onmousewheel = wheel;
  document.onkeydown = keydown;
}

function enable_scroll() {
    if (window.removeEventListener) {
        window.removeEventListener('DOMMouseScroll', wheel, false);
    }
    window.onmousewheel = document.onmousewheel = document.onkeydown = null;  
}

　　

 代碼測試：

禁止瀏覽器滾動條滾動 允許瀏覽器滾動條滾動