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

[SOLUCIONADO] 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: 523
Antigüedad: 20 años, 10 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: 170
Antigüedad: 13 años
Puntos: 68
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.433
Antigüedad: 21 años, 10 meses
Puntos: 177
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: 170
Antigüedad: 13 años
Puntos: 68
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. }
  #5 (permalink)  
Antiguo 23/11/2019, 07:46
 
Fecha de Ingreso: mayo-2003
Mensajes: 523
Antigüedad: 20 años, 10 meses
Puntos: 6
Respuesta: Modal bootstrap hace que mi página vuelva al tope

Muchas gracias, lo implementé quitando el href="#" y creando el estilo para que se vea la manito.
Con onclick="event.preventDefault()" me cortaba algunas otras funcionalidades.

Etiquetas: bootstrap, modal, página
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:01.