Tengo Twitter bootstrap diálogo modal conBarra de desplazamiento. Mi problema es que cuando lo abrí por primera vez y lo arrastré hacia abajo y lo cerré, la segunda vez que abro el cuadro de diálogo, la barra de desplazamiento está en la parte inferior del cuadro de diálogo. Quiero que la barra de desplazamiento se restablezca cuando el usuario lo abre de nuevo.
¿Cómo reinicio el estado del diálogo modal a su estado original?
mira mi bootply
Respuestas
2 para la respuesta № 1Una solución fácil para esto es eliminar la clase fade del modal y, en su evento de clic, agregar:
$(".modal-content").scrollTop(0);
Pero la decoloración se ve bien, así que ...
Bootstrap nos da un evento para llamar a funciones después de que se muestra el modal:
$("#myModal").on("shown.bs.modal", function (e){
$(".modal-content").scrollTop(0);
});
El problema con esto es que puedes ver elPosición de salto rápidamente modal a medida que se abre. La alternativa es utilizar el evento "hide.bs.modal", que restablece la barra de desplazamiento cuando está cerrando el modal. Si este es un problema para ti, entonces necesitarás modificar algunas clases de css bootstrap, creo.