Tengo una sección de desplazamiento horizontal en mi página y quiero que su contenido se desplace automáticamente. Intenté usar el código para el desplazamiento vertical automático pero no funciona.
código basado en aquí cómo hacer que una barra de desplazamiento se mueva automáticamente después de un tiempo (JavaScript)
$(document).ready(function () { var scrollHandler = null; function autoScroll() { clearInterval(scrollHandler); scrollHandler = setInterval(function () { var nextScroll = $('.menu').scrollLeft() + 20; $('.menu').scrollLeft(nextScroll); }, 1500); } autoScroll(); });que tengo que hacer para que funcione? soy un principiante así que por favor explique. Gracias.
Aquí puede ver el código adaptado de la respuesta en la que se basa su código.
$(document).ready(function() { var scrollHandler = null; function autoScroll () { console.log("autoScroll"); clearInterval(scrollHandler); scrollHandler = setInterval(function() { var nextScroll = $('.scrolled').scrollLeft() + 20; $('.scrolled').scrollLeft(nextScroll); },500); } autoScroll(); }); .scrolled { width: 50%; height: auto; overflow: scroll; } .inside { width: 5000%; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="scrolled"> <div class="inside" > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Aliquam erat volutpat. Fusce consectetuer risus a nunc. Aliquam ornare wisi eu metus. Mauris tincidunt sem sed arcu. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. </div> </div>