最近写一个类似土豆播放器选集数的滚动条，需要的效果是当鼠标位于选择集数的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;  }

　　

 代码测试：