获得巨大的空白差距

Question

我试图在我的内容div中创建一个滚动条，用于整个窗口的滚动条。但它在内容框中创造了一个巨大的空白区域，我无法弄清楚原因。任何人都可以看看，看看他们是否能找出原因？

以下是我的网站：www.rajohan.no/index.php?page=movie&category=comming

滚动条也在页脚下面，无论如何我可以让它停在页脚开始处吗？

我使用溢出：隐藏;在身体然后溢出-y：auto;在我的内容div

这是我的jQuery脚本，看看是否需要滚动条

// Check if content_box need a scrollbar
function calculateDivHeight() {
  $("#content_box").height(window.innerHeight);
}
$(window).resize(function () {
  calculateDivHeight();
});

Answer 1

元素ID的高度＆＃39; content_box＆＃39;是100％的页面，您将页脚的CSS位置设置为固定。这就是为什么它发生，因为fotter来到内容框之前。你我尝试将content_box 75vh和20vh的高度设置为页脚，将5vh设置为标题，这样可以让它们全部适合屏幕并且不使用固定的照片。