Bootstrap 4的模态和滚动模态有啥区别?
Posted
技术标签:
【中文标题】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 你能提供一个网址来检查吗?以上是关于Bootstrap 4的模态和滚动模态有啥区别?的主要内容,如果未能解决你的问题,请参考以下文章
如何让 React.js 和 Bootstrap 4 模态轮播始终在打开时显示第一张图像
bootstrap shown.bs.modal 不起作用,因此模态框无法滚动到顶部