bootstrap模态框弹出时页面抖动解决方法

在项目实际开发过程中,遇到bootstrap模态框弹出时,页面应有的滚动条被全屏模态框遮挡消失,引起滚动条消失而页面会横向拉伸。

相当与页面横向拉伸了滚动条的宽度问题。

以下是解决方法:

html {
  overflow-y: scroll
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body{
  width: 100vw;
}