Intento usar jQuery cada función para la animación superior de desplazamiento en la paginación cada clic, pero cada función no funciona bien, solo funciona la primera vez. Aquí está el código
$(".wp-pagenavi > a").each(function(i){ $(this).click(function(){ var scroll = $("html, body"); scroll.stop().animate({scrollTop:400}, 500, 'swing', function() { }); console.log("click" + i); }); });Por favor, ayúdame a comunicarme con este problema.
Es muy posible que algunos de los objetivos se carguen después del evento DOM ready, en cuyo caso tendría que cambiar su código a:
$(document).on('click', '.wp-pagenavi > a', function() { var scroll = $("html, body"); scroll.stop().animate({scrollTop:400}, 500, 'swing', function() { }); console.log("click"); });Eche un vistazo al siguiente violín simplificado: https://jsfiddle.net/f46dnaue/3/
¿Es este el comportamiento que está experimentando? En el violín, i representa el índice del elemento en el que se hace clic. Al hacer clic en cualquiera de los elementos, se obtiene una salida de la consola con cada clic.
Con respecto a su desplazamiento, ¿debería desplazarse siempre a 400? Si el desplazamiento se define como 400, se mantendrá en 400 sin importar la cantidad de clics, por lo que si desea que su página se desplace en pasos de 400 px, debe guardar el valor scrollTop actual y agregarle 400 adicionales por cada clic.