How can I detect the position of the screen scroll with javascript? [closed]

You can use:

element.scrollTop // Vertical - Son los píxeles ocultos en la parte superior

element.scrollLeft // Horizontal - Son los píxeles ocultos en la parte izquierda

To get the vertical and horizontal scrolling, respectively, you have scrolled.

Clarifications:

elementit can be document.bodyif you need to know the whole page. You can compare it with:

element.offsetHeight // Son la cant de píxeles (a lo alto) que ves en el navegador.

element.offsetWidth // Son la cant de píxeles (a lo ancho) que ves en el navegador.

if you need percentages. I mean, for example: The scroll is at 50% vertically.

Yes, you can use window.scrollYand window.scrollXto check where you stand.

I show you an example with Jquery and another with pure JavaScript that does what you want:

JQUERY

$(window).scroll(function(event) {
  var scrollLeft = $(window).scrollLeft();
  var scrollTop = $(window).scrollTop();
  console.log("Vertical "+scrollTop);
  console.log("Horizontal "+scrollLeft);
});

.body{
width: 105%;
height: 700px;
background:#FFCC99;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="body">
</div>

pure javascript

window.onscroll = function() {
  console.log("Vertical: " + window.scrollY);
  console.log("Horizontal: " + window.scrollX);

};

.body {
  width: 105%;
  height: 700px;
  background: #FFCC99;
}

<div id="body" class="body">
</div>