有没有一种方法可以锁定移动浏览器中的滚动条中间滚动？

Question

我正在用Javascript构建用于手机浏览器的手势系统，并且我希望能够在用户开始滚动后将滚动条锁定在位置。这可能吗？

尝试A：不会停止滚动，但会使其小故障地返回顶部：

window.addEventListener('scroll', () => {
  if (disableScroll) {
    window.scrollTo(0, 0)
  }
}, { passive: false })

尝试B：不会停止在移动设备上滚动：

html, body {
  overflow: hidden;
  position: relative;
}

尝试C：在开始之前停止滚动，但在滚动开始后不停止滚动：

document.body.addEventListener('touchmove', e => {
  if (disableScroll) {
    e.preventDefault()
  }
}, { passive: false {)