Foros del Web » Creando para Internet » Diseño web »

Modal bootstrap hace que mi página vuelva al tope

Estas en el tema de Modal bootstrap hace que mi página vuelva al tope en el foro de Diseño web en Foros del Web. Hola tengo una página Web algo extensa. El tema es que bastante abajo, cuando el usuario ya hizo bastante scroll tengo un link que abre ...
  #1 (permalink)  
Antiguo 04/11/2019, 15:52
 
Fecha de Ingreso: mayo-2003
Mensajes: 486
Antigüedad: 16 años, 5 meses
Puntos: 6
Modal bootstrap hace que mi página vuelva al tope

Hola tengo una página Web algo extensa. El tema es que bastante abajo, cuando el usuario ya hizo bastante scroll tengo un link que abre una ventana modal de BootStrap. Lo que me molesta es que al abrirla el scroll de vuelve al principio de la página, entonces cuando el usuario cierra el modal tiene que volver a scrollar hacia abajo para volver adonde estaba... ¿hay alguna forma de evitar eso?

Desde ya gracias.
  #2 (permalink)  
Antiguo 04/11/2019, 16:41
 
Fecha de Ingreso: abril-2011
Mensajes: 40
Antigüedad: 8 años, 7 meses
Puntos: 5
Respuesta: Modal bootstrap hace que mi página vuelva al tope

Añade al enlace que abre la ventana modal el siguiente atributo:

Código:
onclick="event.preventDefault()"
De esta forma bloqueas el efecto del enlace y no debería desplazarte a ningún sitio.
  #3 (permalink)  
Antiguo 05/11/2019, 06:59
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.422
Antigüedad: 17 años, 5 meses
Puntos: 175
Respuesta: Modal bootstrap hace que mi página vuelva al tope

o simplemente quitale el href="#" y listo, mas sencillo!

slds.-
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #4 (permalink)  
Antiguo 05/11/2019, 09:56
 
Fecha de Ingreso: abril-2011
Mensajes: 40
Antigüedad: 8 años, 7 meses
Puntos: 5
Respuesta: Modal bootstrap hace que mi página vuelva al tope

Cita:
Iniciado por DragonX Ver Mensaje
o simplemente quitale el href="#" y listo, mas sencillo!

slds.-
El único problema quitando el href="#", es que desaparece el "dedito" al pasar el mouse por encima del enlace, y con preventDefault no.

Aunque igualmente se puede hacer lo que dices y poner el "dedito" con CSS:

Código CSS:
Ver original
  1. a {
  2.   cursor: pointer;
  3. }



La zona horaria es GMT -6. Ahora son las 21:27.