Tengo un problema con la recarga de datos y esta es mi pregunta: Hice una animación para cada <article> muestra un precargador. Por ejemplo, puede ver a continuación que configuré una condición para mostrarme el siguiente <article> si el usuario se desplazó de 620px to 640px , y el principal problema es que se carga nuevamente cuando me desplazo hacia arriba. ¿Qué tengo que hacer? ¿Alguien puede ayudar?
var bodyTop = $('body').offset().top, bodyHeight = $('body').outerHeight(), windowHeight = $(window).height(), windowScrollTop = $(this).scrollTop(), desktopview = (windowHeight >= 992), desktop = $(window).width() >= 992 , if (desktop && windowScrollTop > 620 && windowScrollTop < 640) { $('#dot-1').show(); setTimeout(function(){ $('#dot-1').hide(); $('.scroll-1').removeClass("display-none"); }, 3000); }else {} if (desktop && windowScrollTop > 1100 && windowScrollTop < 1110 ) { $('#dot-2').show(); setTimeout(function(){ $('#dot-2').hide(); $('.scroll-2').removeClass("display-none"); }, 3000); }else {} if (desktop && windowScrollTop > 1640 && windowScrollTop < 1680) { $('#dot-3').show(); setTimeout(function(){ $('#dot-3').hide(); $('.scroll-3').removeClass("display-none"); }, 3000); }else {} if (desktop && windowScrollTop > 2000 && windowScrollTop < 2040 ) { $('#dot-4').show(); setTimeout(function(){ $('#dot-4').hide(); $('.scroll-4').removeClass("display-none"); }, 3000); }else {} if (desktop && windowScrollTop > 2700 && windowScrollTop < 2740 ) { $('#dot-5').show(); setTimeout(function(){ $('#dot-5').hide(); $('.scroll-5').removeClass("display-none"); }, 3000); }else {} if (desktop && windowScrollTop > 3100 && windowScrollTop < 3140 ) { $('#dot-6').show(); setTimeout(function(){ $('#dot-6').hide(); $('.scroll-6').removeClass("display-none"); }, 3000); }else {}En primer lugar, su técnica de visualización es una mala práctica porque depende del tamaño de la pantalla.
En segundo lugar, está cambiando la visibilidad de los elementos y no puede hacer nada al respecto porque siempre está manipulando los elementos que muestran el estado, pero si desea guardar datos y evitar que se vuelvan a cargar, guarde los datos en su navegador localStorage .
Aquí hay un ejemplo de configuración y obtención de datos de localStorage :
localStorage.setItem("lastname", "Smith"); localStorage.getItem("lastname"); // the output would be Smith