bootstrap多次弹窗导致页面左移,body上多了样式"padding-right: 17px" 解决办法

一、产生原因

bootstrap多次弹窗导致页面左移,屏幕晃动的bug,原因有两个:

1、bootstrap模态框显示时,框架默认给body添加一个padding-right为17px的样式

2、modal-open  的overflow:hidden导致原本有的滚动条消失,窗口重新调整大小,造成屏幕晃动

二、解决办法

body { padding-right: 0px !important; } 

.modal-open { overflow-y: scroll; padding-right: 0 !important;}

posted @   一点元气  阅读(1076)  评论(1编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示