let startTouchY

function onTouchStart(event) {
  // We're going to try to guess whether the user is trying to pull-to-refresh only.
  if (event.touches.length > 1 || window.scrollY !== 0) {
    return
  }
  const [touch] = event.touches

  startTouchY = touch.clientY
}

function onTouchMove(event) {
  if (event.touches.length > 1 || !this.startTouchY) {
    return
  }
  const [touch] = event.touches

  const offsetY = this.startTouchY - touch.clientY
  // Pulling to refresh, offsetY smaller than 0 means scrolling down.
  if (offsetY < 0) {
    // ...Do anything you want when user pulling to refresh.
  }
}

function onTouchEnd(event) {
  startTouchY = null
}

let vw
let vh

function setFillHeight() {
  if (vw === window.innerWidth && vh === window.innerHeight) {
    // 畫面尺寸沒有更動，所以不做任何事
    return
  }

  // 畫面尺寸有更動的時候重新計算高度
  vw = window.innerWidth
  vh = window.innerHeight

  const vhUnit = window.innerHeight * 0.01
  document.documentElement.style.setProperty('--vh', `${vhUnit}px`)
}

window.addEventListener('resize', setFillHeight)
// 記得手動初始化
setFillHeight()

// 沒有用到的時候也要記得回收 listener
window.removeEventListener('resize', setFillHeight)

<div style="height:100px">Our element that prevents navigation</div>

<script>
    const element = document.querySelector('div');

    element.addEventListener('touchstart', (e) => {
        // prevent swipe to navigate gesture
        e.preventDefault();
    });
</script>