0

tudo bem?

Gostaria de saber como faço para capturar o scroll da página e aparecer a quantidade de scroll rolado no console.

2 Respostas 2

0

Opa! Se vc quer renderizar na pagina o valor do screen, vc pode criar uma função ativada pelo evento scroll... e inserir no HTML de um elemento da sua pagina o valor do screen. Por exemplo:

<body>
  <div>
    <h1>Valor do Scroll da pagina</h1>
    <p id="valorScroll">x</p>
  </div>  
</body>

Aplica esse style para vc conseguir visualizar o efeito:

body{
  height:200vh;
}

div{
  position:fixed;
}

Ai vc faz uma função:

window.addEventListener('scroll', function() {
    document.getElementById("valorScroll").innerHTML=window.window.scrollY
}

Pen do resultado: https://codepen.io/anon/pen/XQKjwr

0

O javascript tem o objeto window que tem a propriedade scrollY onde mostra o quanto de scroll foi feito na pagina...

tente usar console.log(window.scrollY)

div{
  height: 2000px;
}
<div>

<div>


<script type="text/javascript">
window.onscroll = scroll;

function scroll () {
  console.log(window.scrollY , 'aa')
}
</script>

2
  • Boa tarde Otávio blz, o código que você me passou realmente aparece o valor no console mas eu queria que a partir do momento que eu role o scroll no console apareça a quantidade em números, obrigado. Commented 5/04/2019 às 17:41
  • Oi editei a resposta vê se te ajuda... Commented 5/04/2019 às 17:53

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .