Estoy trabajando en un sitio web bastante simple para una pantalla de señalización digital. Tengo varios contenedores de página completa (pantalla completa), cada uno etiquetado con un nombre de clase como "Intro", "Servicios", "Proyectos", etc. Quiero poder hacer que el sitio web se desplace automáticamente desde la "página" de introducción a la siguiente página de servicios después de un período de tiempo determinado y luego haga lo mismo con los proyectos. Una vez que he llegado a la página de proyectos y he estado en ella durante un tiempo determinado, quiero volver a desplazarme automáticamente hasta la parte superior y comenzar de nuevo. Estoy de acuerdo con que esta solución esté en HTML de alguna manera o usando Javascript. Si necesita fragmentos de código, más información o incluso un enlace a mi sitio web de prueba, hágamelo saber. Encontré una vista previa en vivo de un diseño similar a mi sitio web, si necesita una mejor idea de lo que tengo, pero este tampoco se desplaza automáticamente.
Es posible que desee echar un vistazo a esta pregunta, tiene el desplazamiento automático y también un temporizador para retroceder, ¡espero que funcione! ¿Cómo desplazarse automáticamente hacia abajo en una página html?
Seguí adelante y tomé una ruta diferente, implementé PagePiling.js y configuré cada una de mis "páginas" como un punto de anclaje. A partir de ahí, me aseguré de que loopBottom: true y luego implementé una función que invoco en la carga de la página que dice así
function pageScroll() { $.fn.pagepiling.moveSectionDown(); scrolldelay = setTimeout(pageScroll,10000); }Esto es esencialmente exactamente lo que estaba buscando, gracias a @Csharls por sugerir el uso de un carrusel, ya que nunca hubiera pensado en hacer esto sin esa sugerencia.