请问vue如何设置全屏背景让页面有滚动条？

问题遇到的现象和发生背景

设置好了全屏背景图片后超出屏幕范围的内容就会被遮住，而且没有滚动条可以拖动到相应位置，页面动不了。

问题相关代码

设置全屏背景的思路就是给最外层的盒子一个id，然后设置属性:

<div class="home-box" id="background">
</div>

具体属性设置

#background {
  background: url("../../assets/bg1.png");
  width: 100%;
  height: 100%;
  position: fixed;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

加个top跟left值，再加个滚动条
overflow-y:auto