纵向滚动条出现时,页面左右抖动问题解决

问题出现是因为滚动条出现和消失影响了页面视口宽度,导致页面左右抖动

这个问题的解决,我现在已只得两种方法,总结一下:

1.让右边纵向滚动条总是显示,这样页面视口的宽度就不会因为纵向滚动条的显示和消失影响视口宽度

  在html元素或者body元素的css中添加overflow-y: scroll;这样右边的滚动条的宽度一直在,视口的宽度不会随滚动条的出现而变化

2.将视口的宽度设为固定值

  在body元素css中添加width:100vw,html元素css中设置overflow-y:auto;overflow-x:hidden

  body {width: 100vw;}
  html {overflow-y: auto;overflow-x: hidden;}
还请大佬指教。

 

posted @ 2020-09-29 13:58  小新的蜡笔  阅读(1091)  评论(0编辑  收藏  举报