码迷,mamicode.com
首页 > Web开发 > 详细

js禁止滚动条滚动并且隐藏滚动条

时间:2020-03-22 22:33:02      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:als   web   dde   鼠标   false   mouse   onkeydown   scroll   恢复   

禁止鼠标滑过滚动条滚动

document.body.onmousewheel = function () {return false;}

恢复鼠标滑过滚动条滚动

document.body.onmousewheel = function () {return true;}

禁止键盘控制滚动条滚动

document.body.onkeydown = function (e) {
  if (e.keyCode == 38 || e.keyCode == 40) {
     return false;
  }
}

恢复键盘控制滚动条滚动

document.body.onkeydown = function (e) {
  if (e.keyCode == 38 || e.keyCode == 40) {
     return true;
  }
}

css隐藏滚动条样式:

::-webkit-scrollbar {
   overflow-x:hidden;
}

 

js禁止滚动条滚动并且隐藏滚动条

标签:als   web   dde   鼠标   false   mouse   onkeydown   scroll   恢复   

原文地址:https://www.cnblogs.com/maohuidong/p/12548876.html

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