Estoy construyendo un sitio en Wordpress usando el generador de páginas de Elementor, y tengo problemas para enviar al usuario de regreso a la parte superior de un modal al hacer clic en 'siguiente' en un formulario.
Aquí está el código que he estado probando, y aquí está la página que está alojada actualmente: http://doortouk-co-uk.stackstaging.com/home/
(El modal se puede abrir haciendo clic en el botón 'Aplicar ahora' en la parte inferior de la página, las secciones 3, 4 y 5 tienen las secciones más largas que requieren la función de desplazamiento hacia arriba)
jQuery(document).ready(function () { jQuery('.e-form__buttons__wrapper__button-next').click(function(){ jQuery(".dialog-widget-content").scrollTop(0); }); })¡Cualquier ayuda sería apreciada!
Editar : la solución fue apuntar a .dialog-lightbox-message
Tomó el esfuerzo de mirar su sitio web y encontrar el problema. Pero para la próxima vez, sería genial si creas un fragmento de código que podamos usar para ayudarte. De todos modos, ¡salud y disfruta!
Hice un fragmento para comprobar si lo que estaba haciendo era correcto. Lo que necesita sería: jQuery(".dialog-widget-content").animate({ scrollTop: $(".dialog-widget-content")}, 0);
PD, ejecute el fragmento de código a continuación. ;)
$('.e-form__buttons__wrapper__button-next').click(function(e){ jQuery(".dialog-widget-content").animate({ scrollTop: $(".dialog-widget-content")}, 0); }); .dialog-widget-content { width:400px; height:400px; overflow:auto; float:left; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="dialog-widget-content"> <br/><br/>Scroll down & then click there >><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </div> <div class="e-form__buttons__wrapper__button-next"> click here </div>