引导模式的工作方式似乎是它们隐藏了 body 的溢出-y,从而在 Microsoft 环境中删除了它的垂直滚动条,并由于视口的扩大而改变了 body 的宽度。这会触发流体站点重新绘制以适应视口,然后模态能够弹出并使用专用于模态的滚动条使背景变暗......
我已经看到了一些与此类似的其他主题,但没有直接解决它:
如果在引导程序中使用带有模态的 100% 流体(填充整个视口)网站设计,是否有可能防止背景中的页面在模态背景变暗和模态飞入之前重绘?
当滚动条被换入和换出传入模式时,背景网站会出现最轻微的令人讨厌的扩大和缩小。
这是引导程序模态的示例页面...请注意,当模态飞入时,后台站点不会调整大小,因为此页面不是流畅的设计。如果在响应式拉伸以适应整个视口的站点上弹出相同的模式,则隐藏正文溢出会导致整个页面以额外的宽度重新渲染(仅限 Windows!Mac 的专有滚动样式不会变形)