javascript - How to monitor the sliding of the mobile phone screen and the distance from the top of the sliding screen?

Question

How to monitor the sliding of the mobile phone screen and calculate the scrolling distance from the top?

$('body').bind('touchmove', function(e) {
       var  winHeight = $(window).scrollTop();
        console.log(winHeight);
    });

What I write like this is always 0? Monitoring scroll has no effect! Ask God

Answer 1

$(window).scroll(function () {
  // 你的代码
});

Answer 2

$('body').on("touchstart",function(ev){
        var  winHeight = $(window).scrollTop();
        $('body').on("touchmove",function(ev){
            console.log(winHeight);
        })
    });

Try writing it like this

Answer 3

window.addEventListener('scroll',function(){
  console.log(window.scrollY)
})

Answer 4

  let oB = document.getElementById('objEl')
  let oBh = oB.offsetTop
  oB.addEventListener('touchstart', function (e) {
    startX = e.touches[0].pageX
    startY = e.touches[0].pageY
  })
  oB.addEventListener('touchmove', function (e) {
    let endX = e.changedTouches[0].pageX
    let endY = e.changedTouches[0].pageY 
  }, false)
  oB.addEventListener('touchend', function () {
    // ...
  })