如何在bootstrap3中重置模态的滚动位置？

Question

我有一个bootstrap v3模式,就像在文档中一样.

当我第一次打开模态时("启动演示模型"按钮),垂直滚动条处于顶部位置.如果我向下滚动并在模态中单击"取消",它将关闭.没关系.但是,如果我再次打开模态,它将已经向下滚动.这是我想避免的情况.如何在顶部位置打开模态？

Answer 1

在生产中工作

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

Answer 2

我认为您需要使用打开模式时触发的事件来重置滚动。

就像是：

$('#myModal').on('shown.bs.modal', function () {
  window.scrollTo(0,0);
});

根据您的页面，您可能想要使用一些 jQuery 或动画：

$('#myModal').on('shown.bs.modal', function () {
 $('html, body').animate({
   scrollTop: $("#myModal").offset().top
 }, 1000);
});