Javascript OnClick 切换滚动

Question

一旦单击按钮，此代码就会禁用滚动，但我不知道如何重新激活滚动。我认为这个问题可能与以下内容有关:

window.removeEventListener('scroll', noscroll);

我已经测试了 if/else 语句，如果我更改正文的背景颜色，该语句似乎可以工作。

var isScrollEnabled = true;

document.querySelector('.mobile-button').addEventListener('click', function(event) {
    event.preventDefault();
    document.querySelector('body').classList.toggle("mobile-menu");

    function noscroll() {
        window.scrollTo(0, 0);
    }

    if (isScrollEnabled = true;) {
        window.addEventListener('scroll', noscroll);
        var isScrollEnabled = false;
    } else {
        window.removeEventListener('scroll', noscroll);
        var isScrollEnabled = true;
    }
});

Answer 1

简单的解决方法是使用全局变量:

var isScrollEnabled = true;
document.querySelector('.mobile-button').addEventListener('click', function(event) {
  event.preventDefault();
  document.querySelector('body').classList.toggle("mobile-menu");

  function noscroll() {
    window.scrollTo(0, 0);
  }

  if ( isScrollEnabled ) {
    window.addEventListener('scroll', noscroll);
    isScrollEnabled = false;
  } else {
    window.removeEventListener('scroll', noscroll);
    isScrollEnabled = true;
  }
});