javascript 禁用并启用滚动js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 禁用并启用滚动js相关的知识,希望对你有一定的参考价值。

// scroll tools
var keys = {37: 1, 38: 1, 39: 1, 40: 1};
function preventDefault(e) {
  e = e || window.event;
  if (e.preventDefault)
      e.preventDefault();
  e.returnValue = false;
}
function preventDefaultForScrollKeys(e) {
    if (keys[e.keyCode]) {
        preventDefault(e);
        return false;
    }
}
function disableScroll() {
  if (window.addEventListener) // older FF
      window.addEventListener('DOMMouseScroll', preventDefault, false);
  window.onwheel = preventDefault; // modern standard
  window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
  window.ontouchmove  = preventDefault; // mobile
  document.onkeydown  = preventDefaultForScrollKeys;
}
function enableScroll() {
    if (window.removeEventListener)
        window.removeEventListener('DOMMouseScroll', preventDefault, false);
    window.onmousewheel = document.onmousewheel = null;
    window.onwheel = null;
    window.ontouchmove = null;
    document.onkeydown = null;
}

以上是关于javascript 禁用并启用滚动js的主要内容,如果未能解决你的问题,请参考以下文章

如何启用垂直滚动的滚动条并禁用水平滚动?

根据滚动位置有条件地禁用和启用按钮?

如何在 IE 中禁用的文本区域上启用滚动条

在 WebView 中启用 JS

禁用和启用页面滚动 (Swift)

如果执行 onclick,如何禁用 HREF?