0

Quiero que se disparé un pop-up al hacer scroll hacia abajo en mi pagina.

Realicé este código con JavaScript el problema esta que cada vez que hago scroll aparece.. Como hago para que aparezca una vez y pueda seguir haciendo scroll sin que se disparé ?

$(window).scroll(function(){
  $('#myModal').modal('show');

});

Gracias

2 respuestas 2

1

¡Hola!

Puedes crear una variable que te guarde el número de veces que ha hecho scroll, y que al hacerlo, la función te compruebe si es la primera vez. Entonces, si es el caso, te muestra el mensaje; y si no, no te hace nada. Algo como esto:

var cantScroll = 0;
$(window).scroll(function(){
    if(cantScroll == 0){
        $('#myModal').modal('show');
        cantScroll++;
    }
});

¡Espero haber sido de ayuda!

¡Un saludo!

2
  • Hola gracias!! Funciona bien el 23 abr. 2021 a las 21:59
  • Genial @AndersonSosa!! Me alegro mucho!! Si te parece que es la respuesta a tu pregunta, por favor, márcala como correcta haciendo click en el check verde de la parte izquierda de la respuesta. Así a otros también les sirve de ayuda!! Saludos!! ;D
    – cjimenecue
    el 24 abr. 2021 a las 14:38
0

Poniendo una variable q controle el estado del popup

Let popupState = false;
$(window).scroll(function(){
 If( popupState == false){
$('#myModal').modal('show');
popupState = true;
}else return;
});

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.