Home / Questions / 129782
Accepted
PiledroMurcia
Asked: 2020-01-10 04:08:39 +0800 CST 2020-01-10 04:08:39 +0800 CST

Как я могу определить положение прокрутки экрана с помощью javascript? [закрыто]

  • 772

Мой вопрос будет следующим: могу ли я определить положение прокрутки экрана с помощью javascript?

javascript

3 Answers

  1. Вы можете использовать:

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

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

    Чтобы получить вертикальную и горизонтальную прокрутку, соответственно, вы прокрутили.

    Уточнения:

    elementэто может быть, document.bodyесли вам нужно знать всю страницу. Вы можете сравнить его с:

    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.

    если вам нужны проценты. Я имею в виду, например: прокрутка на 50% по вертикали.

    • 4

  2. Да, вы можете использовать window.scrollYи window.scrollXчтобы проверить, где вы стоите.

    • 4
  3. Best Answer

    Я покажу вам пример с Jquery и еще один с чистым JavaScript , который делает то, что вы хотите:

    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>

    чистый 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>

    • 4