html - 调整浏览器大小时页面背景剪切

Question

我不知道问这个问题的最佳方式，我为一个学校元素制作的网站有问题，该元素是关于拯救 Skymall 的。除此之外，我的页面有问题，当我调整浏览器窗口大小时，它会永久调整背景的高度。例如:

1. 我打开网站
2. 然后我继续调整浏览器的大小
3. 最后，我将浏览器恢复为全屏，但背景图片只覆盖了网页的第一部分，您可以自由向下滚动浏览它。

此处演示:invisonal.com/demo

我的一些 CSS 片段:

    .bg {
    position: absolute;
    height: 250%;
    width: 100%;
    z-index: 0;
}

.ibg-bg {
    position: absolute;
}

#main {
    vertical-align: middle;
    z-index: 1;
    position: relative;
}

这是什么原因造成的？还有最后一个问题，我应该如何与你们分享我的代码。 CSS 文件和 HTML 相当大，我不确定它在文件中的什么位置。我可以将代码上传到保管箱或其他东西吗？

谢谢大家:)

Answer 1

所以我注释掉了调整大小部分，调整大小后背景保持完整大小

<script>
$(document).ready(function(){
   $(".bg").interactive_bg();
   $("#btns").interactive_bg({
     strength: 10,
     scale: 1.15,
     contain: false,
     wrapContent: true
   });
});

/*$(window).resize(function() {
  $(".wrapper > .ibg-bg").css({
    width: $(window).outerWidth(),
    height: $(window).outerHeight()
  })
})*/