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

最新推荐文章于 2024-01-20 19:13:21 发布

原创最新推荐文章于 2024-01-20 19:13:21 发布 · 7.2k 阅读

CC 4.0 BY-SA版权

文章标签：

21 篇文章

订阅专栏

21 篇文章

订阅专栏

18 篇文章

订阅专栏

本文介绍如何使用JavaScript禁止和恢复鼠标及键盘对滚动条的控制，包括禁止鼠标滚轮和键盘方向键滚动，以及如何通过CSS隐藏滚动条样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

禁止鼠标滑过滚动条滚动

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;
}