Estoy tratando de suavizar el desplazamiento a un div después de aproximadamente un minuto en una página. Busqué aquí y encontré esta respuesta , pero no me ayudó porque la persona que dio la respuesta en realidad no respondió la pregunta de la persona.
Preferiría usar jQuery pero también estoy abierto a JavaScript.
Esto es lo que tengo hasta ahora:
$(document).ready(function() { $('body').delay(5000) .animate({ 'scrollTop': $('#usp').offset().top }, 5000); });Espero que esto ayude:
( function($){ setTimeout( function() { $('html, body').animate({ scrollTop: $("#elementID").offset().top // you can use $(".elementClass") but as ID should be unique, it would be better to use an element ID instead of classes }, 2000); // 2000 ms is the animation duration }, 5000) // it scrolls to #elementID after 5000 ms = 5 secs } )(jQuery);Puedes usar algo como esto, que es bastante fácil. Simplemente cree una función con algún nombre y llámela después de unos segundos.
$(document).ready(function() { function scrolltodiv(){ $('html, body').animate({ scrollTop: $("#myDiv").offset().top }, 2000); } window.setTimeout( scrolltodiv, 5000 ); });$(function(){ setTimeout(function(){ animate("#idorclass" ,2000) }, 5000) }) const animate = (idorclass, animval)=>{ $('html, body').animate({ scrollTop: $(idorclass).offset().top }, animval); }también función dinámica que puedes reutilizar