Difference between scroll functions?

Question

Is there any difference in using:

$(window).scrollTop(_Altura_);

Or

window.scroll(0,_Altura_);

Other than controlling the position of the horizontal axis? (consider _Altura_ as a variable)

Answer 1

Both generate the same result the difference is that the function jQuery .scrollTop uses the window.scrollTo to execute which is the same as Window.scroll().

So we can conclude that the window.scroll will have a faster performance to be JS pure.

window.scroll -> window.scrollTo is effectively the same as this method.

Another point is that the function of jQuery, .scrollTop(), works with any element of GIFT and can also work as getter when no parameter is passed, already the vanilla, scroll, has no return and is applied to the object Window.

$(() => {
  $("#window").on("click", event => {
    $(window).scrollTop(100);
  });
  
  $("#div").on("click", event => {
    $("div.demo").scrollTop(300);
  });
});

body {
  height: 1000px;
}

div.demo {
  border: 1px dashed red;
  height: 100px;
  overflow: auto;
}

div.demo p {
  height: 300px;
}

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

<button id="window">Scroll na window</button>
<button id="div">Scroll no elemento</button>
<div class="demo">
  <p>Stack Overflow em Português</p>
  <span>Estou a 300px do topo.</span>
</div>