html

<p class="JS-scrollDisable">スクロール禁止</p>
<p class="JS-scrollAble">スクロール可能</p>

JavaScript

const triggerScrollAble = document.querySelector(".JS-scrollAble");
const triggerScrollDisable = document.querySelector(".JS-scrollDisable");

function handle(event) {
  event.preventDefault();
}

/* {passive:false}を記述する事で、ブラウザに「この関数内ではevent.preventDefault()を使用する」事を宣言 */
window.addEventListener("load", function () {
  document.addEventListener("touchmove", handle, { passive: false });
  document.addEventListener("mousewheel", handle, { passive: false });
});

triggerScrollDisable.addEventListener("click", function () {
  document.addEventListener("touchmove", handle, { passive: false });
  document.addEventListener("mousewheel", handle, { passive: false });
});

triggerScrollAble.addEventListener("click", function () {
  document.removeEventListener("touchmove", handle, { passive: false });
  document.removeEventListener("mousewheel", handle, { passive: false });
});