小型引导模式大型引导模式的内部

Small Bootstrap Modal Inside of a Larger Bootstrap Modal

本文关键字:模式 内部 大型 小型      更新时间:2023-09-26

我正试图将模态放在模态中。然而,第一模态的高度远大于第二模态的高度。所以当我打开第一个模态时,高度是正确的。然而当第二模态打开时。它可以滚动经过第二个模态并在第一个模态上滚动。

我想在不干扰第一个模态内容的情况下停止滚动或设置模态的高度。我试着将第一个模态的溢出设置为隐藏,这会阻止第一个模态上的滚动移动,但它仍然会滚动到高度。

对此,最好的方法是什么?

您可以使用Bootstrap Modal Plugin来归档该功能,因为Bootstrap显然没有该功能:查看示例。

Bootstrap不支持多个开放模式。

确保不要在另一个模态仍然可见时打开它。显示一次有多个模态需要自定义代码。

它不仅在技术上没有开箱即用的支持,两个模态看起来也很难看。我建议在任何操作打开第二个模态时关闭第一个模态。

可以在较大的引导模式中打开小型引导模式请参阅此

http://jschr.github.io/bootstrap-modal/bs3.html