Как сбросить состояние модального диалога bootstrap

Question

У меня есть twitter bootstrap Модальный диалог с scrollbar. Моя проблема в том, что когда я открыл его в первый раз и перетащил полосу прокрутки вниз и закрыл ее, во второй раз, когда я открываю диалог, полоса прокрутки находится в нижней части диалогового окна. Мне нужно, чтобы полоса прокрутки была сброшена, когда пользователь снова открывает ее.

Как сбросить состояние модального диалога в исходное состояние

видеть мой bootply

Answer 1

Одно простое решение, чтобы это удалить класс выцветанию из модального, и в вашем случае нажмите кнопку Добавить :

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

Но замирание выглядит хорошо, так что ...

Bootstrap дает нам событие для вызова функции после того, как модальный шо wn:

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

Проблема заключается в том, что вы можете видеть модальное положение быстрого перехода при его открытии. Альтернативой является использование события «hide.bs.modal», которое сбрасывает полосу прокрутки при закрытии модального. Если это проблема для вас, вам нужно будет изменить некоторые классы bootstrap css, которые я думаю.