property - $(ventana).scroll en vainilla JavaScript

smooth scroll polyfills js

Question

1. ¿Cuál es el equivalente de lo siguiente en JS simple?

   $(window).scroll(function() { });

2. También estoy buscando animar scroll, por ejemplo:

   $(''html, body'').animate({scrollTop:1750}, ''slow'');

¿Debo utilizar requestAnimationFrame ?

http://paulirish.com/2011/requestanimationframe-for-smart-animating/

¿Hay algunos ejemplos que activen una animación una vez que se haga clic y no se procesen continuamente?

Answer 1

Pregunta 1

window.onscroll = function() {
console.log(''scrolling'');
};

o si sus navegadores dirigidos admiten addEventListener :

window.addEventListener(''scroll'', function() {
console.log(''scrolling'');
});

Pregunta 2

En mi opinión, si solo se desplaza de una sección a otra sección de su página y no tiene algún tipo de movimiento de desplazamiento en ejecución constante, está bien hacerlo sin usar requestAnimationFrame.

Puede encontrar buenas implementaciones de desplazamiento a una parte particular de la ventana en javascript puro, sugiero verificar su fuente (o incluso usarlas).