标题:纯CSS解决Y轴滚动条出现时抖动问题
来源:Admin 时间:-0001-11-30
网站后台采用BS框架,宽度自适应全屏显示,有一个很蛋疼的问题是,右侧滚动条出现时会挤占页面,切换一个内容少的页面会导致出现跳动,有时候闪动问题,百度查查了都是一堆使用margin-left: calc(100vw - 100%);来解决,这样又导致新的问题出现,左侧出现白边。头疼,后来功夫不负“百度人”,找到一个纯CSS办法,完美解决。
html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; } body { width: 100vw; overflow: hidden; }
在我的项目只需要以下两项就行了,
关键两个:
overflow-y: scroll
width: 100vw;
html { overflow-y: scroll; } body { width: 100vw; overflow: hidden; }
以上内容转载自:https://www.zhangxinxu.com/wordpress/2015/01/css-page-scrollbar-toggle-center-no-jumping/