bootstrap shown.bs.modal 不起作用，因此模态框无法滚动到顶部

Posted 2023-05-08

【中文标题】bootstrap shown.bs.modal 不起作用，因此模态框无法滚动到顶部

【英文标题】：bootstrap shown.bs.modal not working so modal box not scroll to top

【发布时间】：2020-09-28 16:31:31

【问题描述】：

当我调用一个模态框而不是另一个时，我尝试使用此代码滚动到顶部到模态框。当我调试引导模式框事件的代码“shown.bs.modal”时不起作用。

$(".modal-dialog .modal").on("shown.bs.modal", function ()  
     $('.modal-dialog .modal .modal-body').scrollTop(0);
);

【参考方案1】：

没有元素，没有事件：

console.log($('.modal-dialog .modal').is('div')) // => false
console.log($('.modal .modal-dialog').is('div')) // => true

【讨论】：

很抱歉在控制台上完美运行，但在实际代码实现中无法正常工作。

@Himansu，上面的日志旨在向您显示您使用的选择器是错误的。第一个是您正在使用的，它什么都不选择（它不是您页面中的 div）。第二个是你应该使用的。

我的 div 结构与此有点不同，如果我运行控制台的代码，它会返回 true，但 shown.bs.modal 不起作用。当我调试该代码时，它不会进入该条件。

@Himanshu，到目前为止，您甚至还没有指定您使用的 Bootstrap 版本。此外，您不应该更改 Bootstrap 标记（div 结构）。如果这样做，Bootstrap 将不再正常运行。最后但并非最不重要的一点是，如果您决定使用自定义标记，请至少将其包含在问题中。如果您更改了默认标记，您如何期望任何人知道您的标记？请使用minimal reproducible example 更新您的问题。