window.pageYOffset is deprecated what is the replacement?

Question

What is the replacement of window.pageYOffset since it's deprecated?

var prevScrollpos = window.pageYOffset;
    window.onscroll = function() {
      var currentScrollPos = window.pageYOffset;
      if (prevScrollpos > currentScrollPos) {
        document.getElementById("navbar").style.top = "0";
      } else {
        document.getElementById("navbar").style.top = "-50px";
      }
      prevScrollpos = currentScrollPos;
    }`your text`

Answer 1

In web development, both the scrollY and pageYOffset properties are used to obtain scroll values. They are similar in that they both retrieve the Y scroll value. However, it's important to note that scrollY does not work in Internet Explorer.

According to MDN (Mozilla Developer Network), you can use either property if you are not concerned about supporting legacy environments.

In essence, if you do not need to support older browsers, using scrollY is advisable. On the other hand, if your project requires compatibility with older browsers, then pageYOffset should be your choice.

In my practice, I often employ a conditional statement to utilize both:


window.scrollY || window.pageYOffSet

// OR

window.pageYOffSet || document.documentElement.scrollTop

This approach ensures compatibility across a wide range of browsers, maintaining functionality in both modern and older environments.