<h1>Высота прокрутки: 0px</h1>

* {
  box-sizing: border-box;
}

body {
  min-height: 400vh;
}

h1 {
  position: fixed;
}

const title = document.querySelector('h1')
window.addEventListener('scroll', () => {
  title.textContent = `Высота прокрутки: ${window.pageYOffset}px`
  if (window.pageYOffset + window.innerHeight === document.body.clientHeight) {
    title.textContent = 'Вы достигли низа страницы'
  }
})