码迷,mamicode.com
首页 > 其他好文 > 详细

禁止浏览器滚动条滚动,但滚动条可以显示

时间:2017-01-15 07:39:16      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:href   images   隐藏   cli   arp   显示   win   doc   滚动   

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

  

 代码测试:

禁止浏览器滚动条滚动 允许浏览器滚动条滚动

禁止浏览器滚动条滚动,但滚动条可以显示

标签:href   images   隐藏   cli   arp   显示   win   doc   滚动   

原文地址:http://www.cnblogs.com/gxsyj/p/6286549.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!