Как отключить / включить прокрутку страницы - PullRequest
Новая
       7

Как отключить / включить прокрутку страницы

0 голосов
/ 16 апреля 2019

Я пытаюсь написать код JS, который отключает / включает прокрутку страницы. Видимо, есть проблема в Chrome - консоль показывает эту ошибку 

Unable to preventDefault inside passive event listener due to target being treated as passive.

Вот мой код JS: 

var keys = [32,33,34,35,36,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;
  disable_scroll_mobile();
}

function enable_scroll() {
    if (window.removeEventListener) {
        window.removeEventListener('DOMMouseScroll', wheel, false);
    }
    window.onmousewheel = document.onmousewheel = document.onkeydown = null;  
    enable_scroll_mobile();
}

// MOBILE
function disable_scroll_mobile(){
  document.addEventListener('touchmove',preventDefault, false);
}
function enable_scroll_mobile(){
  document.removeEventListener('touchmove',preventDefault, false);
}

Я попытался решить эту проблему с помощью этого небольшого исправления ↓. Я добавил { passive: false } в eventListener s, но это не поможет: 

function disable_scroll() {
      if (window.addEventListener) {
          window.addEventListener('DOMMouseScroll', wheel, { passive: false });
      }
      window.onmousewheel = document.onmousewheel = wheel;
      document.onkeydown = keydown;
      disable_scroll_mobile();
    }

    function enable_scroll() {
        if (window.removeEventListener) {
            window.removeEventListener('DOMMouseScroll', wheel, { passive: false });
        }
        window.onmousewheel = document.onmousewheel = document.onkeydown = null;  
        enable_scroll_mobile();
    }

Кодовый код здесь https://codepen.io/wesleypimentel/full/KpgXJW для целей тестирования

1 Ответ

1 голос
/ 16 апреля 2019

на свитке вы можете указать стиль для тела как 

body {
  overflow-y: hidden;
  }

или просто JS 

document.body.style.overflow = 'hidden';

при вызове функции

...