31 de dezembro de 2021 • 1 min de leitura

pageYOffset sempre retornando zero

Quem já se deparou com este erro?

Este é um erro bem curioso que acontece quando você tenta utilizar o pageYOffset para obter a posição vertical do scroll.

Motivo: overflow-x: hidden no html/body

Como resolver: Basicamente você vai precisar envolver seu conteúdo em uma div com overflow-x: hidden.

<body>
   <div class="wrapper">
      Seu conteúdo aqui
   </div>
</body>

html, body {
    margin:0;
    padding:0;
    height: 100%;
}
.wrapper {
    height: 100%;
    overflow-x: hidden;
}