Bootstrap 4的模态和滚动模态有啥区别？

Posted 2023-03-06

【中文标题】Bootstrap 4的模态和滚动模态有啥区别？

【英文标题】：What is the difference between Bootstrap 4's modal and scroll modal?Bootstrap 4的模态和滚动模态有什么区别？

【发布时间】：2019-02-26 20:16:07

【问题描述】：

我在网站上使用了很多模态框，而在移动设备中，长模态框无法正常滚动；取而代之的是网站滚动。在 Bootstrap 4 的文档中有一个 scroll long content。我无法弄清楚那个和普通模式之间的区别。在我看来是一样的。我基本上是在寻找一种方式让模态在移动设备中变得很长时滚动。

【参考方案1】：

没有区别。当它变长时，引导模式会滚动。正如他们在文件中提到的：

当模式对于用户的视口或设备来说太长时，它们会独立于页面本身滚动。试试下面的演示，看看我们的意思。

它显示了模态框的滚动方式。而不是模态内容。页面会滚动，这在 UX 方面会更好一些，特别是当您的模式包含页眉和页脚并且内容区域变小时。

【讨论】：

我明白你的意思，但我不明白为什么我的模态不会在移动设备中滚动。有什么想法吗？

@Paula 你能提供一个网址来检查吗？