如何重置bootstrap模式对话框的状态

Question

我有带有滚动条的twitter bootstrap Modal Dialog。我的问题是，当我第一次打开它并向下拖动滚动条并关闭它时，第二次打开对话框时滚动条位于对话框的底部。我希望当用户再次打开滚动条时重置滚动条。

如何将模态对话框的状态重置为其原始状态

查看我的bootply

Answer 1

一个简单的解决方案是从模态中删除淡入淡出类，并在点击事件中添加：

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

但是褪色看起来不错，所以......

Bootstrap为我们提供了一个在显示模态后调用函数的事件：

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

这个问题是你可以看到模态在打开时快速跳转位置。另一种方法是使用'hide.bs.modal'事件，在关闭模态时重置滚动条。如果这对你来说是一个问题，那么你需要修改一些我认为的bootstrap css类。