前端如何使用滚动条占位？

其实很早就发现了一个问题，我的网站经常回在两个页面切换之间感觉到网站有偏移，可是明明代码结构都是一样一样的，为什么会出现这个问题呢？为什么同样的代码不同的页面效果却有所差异呢？

经过不断观察发现，原来是因为有些网站因为页面高度比较高，出现了滚动条，导致页面向左偏移了一点，而哪些页面高度小于浏览器高度的页面则不会出现滚动条，也就不存在所谓的向左偏移了，那么如何解决这个问题呢？

其实之前我从来没有想过这个问题，都是给页面不断的填充内容，使滚动条显示出来，但是今天我在逛掘金的时候发现它有些页面也没有超出浏览器的高度，但是滚动条却出来了，这是什么原因呢？

一番学习之后，发现仅仅需要设置body的y轴为滚动即可：

body{
  overflow-y: scroll;
}

就是这么简单，一行代码能解决的问题我之前却在绞尽脑汁的想办法增加内容来解决。

仅以此做个记录吧。