Comment réinitialiser l'état de la boîte de dialogue modale bootstrap - twitter-bootstrap, boîte de dialogue, boîte de dialogue modale

J'ai Twitter bootstrap Modal Dialog avecscrollbar.Mon problème est que lorsque je l'ai ouvert la première fois, que j'ai fait glisser la barre de défilement vers le bas et que je l'ai refermée, la deuxième fois lorsque j'ouvre la boîte de dialogue, la barre de défilement se trouve au bas de la boîte de dialogue. l'ouvre à nouveau.

Comment réinitialiser l'état du dialogue modal à son état d'origine

voir mon bootply

Réponses:

Une solution simple consiste à supprimer la classe de fondu du modal et à ajouter dans votre événement click:

$(".modal-content").scrollTop(0);

Mais la décoloration a l'air sympa, alors ...

Bootstrap nous donne un événement pour appeler des fonctions après l'affichage du modal:

$("#myModal").on("shown.bs.modal", function (e){
$(".modal-content").scrollTop(0);
});

Le problème, c’est que vous pouvez voir lemodal saute rapidement la position à l'ouverture. L'alternative consiste à utiliser l'événement "hide.bs.modal" qui réinitialise la barre de défilement lorsque vous fermez le modal. Si cela vous pose un problème, vous devrez modifier certaines classes de bootstrap css.