调整网页大小时永远不会出现滚动条

Question

所以我做了一个网站，但出于某种原因，无论我做什么，当页面太小时我都无法显示任何滚动条。我一直在寻找很长一段时间，但找不到解决方案。我已经尝试了很多事情，但终生无法弄清楚。我怀疑它与溢出有关，但即使调整它似乎也不起作用。如果有人可以帮助我诊断这一点，我将不胜感激。我将继续 link 下面的相关代码。我知道这可能是一个简单的问题，但我正竭尽全力试图找出答案。谢谢你的帮助，我真的很感激。

主索引页：http://pastebin.com/TkdzdKbG

CSS 风格：http://pastebin.com/tMKQtC6v

Answer 1

我不确定这是否是您正在寻找的解决方案，但在您的 "container" div 中，有一个内联样式 "overflow:hidden"，如果您删除它，您可以每当页面太小时获取滚动条。

http://prntscr.com/8pcd0f

Answer 2

我认为这是因为溢出属性。在您的样式表上试试这个，

.container .bg {
   overflow:scroll !important;
}

Answer 3

应用这个CSS

.ibg-bg {
    height: 100% !important;
    position: absolute;
}

移除位置

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

Answer 4

您的大部分内容都在div.bg > div.display下，但父节点-div.bg-的高度为100%，其overflow值设置为hidden1的脚本。（query.interactive_bg.js，我猜）

您可以将 div.display 的高度设置为 100% 并将其 overflow-y 值设置为 scroll 以滚动内容，或者如果您还需要水平滚动条，请将 overflow-y 到 overflow.

将这些行添加到您的 style.css 文件，第 172 行：

.display{
  position: relative;
  height: 100%;       /* Added */
  overflow-y: scroll; /* Added */
}

调整网页大小时永远不会出现滚动条

Scroll bars never appear when re-sizing web page

html

css

scroll

overflow