Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Cargar contenido en Scroll infinito

Estas en el tema de Cargar contenido en Scroll infinito en el foro de Javascript en Foros del Web. Hola, Tengo un problema y no se solucionarlo, tengo instalado un tema en wordpress que tiene scroll infinito, funciona bien, pero este comienza la carga ...
  #1 (permalink)  
Antiguo 21/01/2020, 21:48
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 15 años, 1 mes
Puntos: 7
Pregunta Cargar contenido en Scroll infinito

Hola, Tengo un problema y no se solucionarlo, tengo instalado un tema en wordpress que tiene scroll infinito, funciona bien, pero este comienza la carga de la seguna pagina cuando se llega al final de la ventan, en realidad comienza la carga cuando parte inferior de la ventana está debajo de la parte superior de la paginación.

Necesito que comience la carga de la segunda pagina antes de llegar al final de la pagina.

Este es el codigo.

Código:
	// Load more on scroll
	detectScroll: function( $pagination, query_args ) {

		$( window ).on( 'did-interval-scroll', function() {

			// If it's the last page, or we're already loading, we're done here
			if ( lastPage || loading ) {
				return;
			}

			var paginationOffset 	= $pagination.offset().top,
				winOffset 			= $( window ).scrollTop() + $( window ).outerHeight();

			// If the bottom of the window is below the top of the pagination, start loading
			if ( ( winOffset > paginationOffset ) ) {
				koji.loadMore.loadPosts( $pagination, query_args );
			}

		} );

	},
Alguna solucion?
__________________
Fondos de pantalla
Juegos Gratis
  #2 (permalink)  
Antiguo 21/01/2020, 22:17
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Cargar contenido en Scroll infinito

revisa que valores tienes en este if y ajusta en consecuencia

Código Javascript:
Ver original
  1. if ( ( winOffset > paginationOffset ) ) {
  #3 (permalink)  
Antiguo 22/01/2020, 17:48
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 15 años, 1 mes
Puntos: 7
Respuesta: Cargar contenido en Scroll infinito

Hola, gracias por responder, esta son los valores de if

Código:
var paginationOffset 	= $pagination.offset().top,
				winOffset 			= $( window ).scrollTop() + $( window ).outerHeight();
Lo que no se es como hacer para que inicie la carga de la segunda pagina antes de llegar al fianl!
__________________
Fondos de pantalla
Juegos Gratis
  #4 (permalink)  
Antiguo 22/01/2020, 22:59
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Cargar contenido en Scroll infinito

Creo que no entendiste, el IF que mencione antes hace una comparación, si quieres que se ejecute antes es tan simple como ajustar los valores de esa comparación para que se cumpla antes.
  #5 (permalink)  
Antiguo 26/01/2020, 00:40
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 15 años, 1 mes
Puntos: 7
Respuesta: Cargar contenido en Scroll infinito

Lo consegui de esta forma, como cada variable deveulve numeros enteros, simplemente le reste 1500 a la comparacion.

Es correcta esta forma?

Código:
if ( ( winOffset > ( paginationOffset - 1500) ) )
__________________
Fondos de pantalla
Juegos Gratis
  #6 (permalink)  
Antiguo 26/01/2020, 13:51
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Cargar contenido en Scroll infinito

En efecto es la solución que necesitas, sumar o restar a esa variable hasta alcanzar el efecto deseado.

me da gusto que dieras en el clavo :D
  #7 (permalink)  
Antiguo 27/01/2020, 05:05
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 15 años, 1 mes
Puntos: 7
Respuesta: Cargar contenido en Scroll infinito

Muchas gracias!! Saludos!
__________________
Fondos de pantalla
Juegos Gratis

Etiquetas: infinito, paginacion, scroll, wordpress
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:32.