javascript - 通过 CSS 或 JavaScript/JQuery 设置元素高度

Question

这应该很简单，但没有任何效果:

问题

如何将网页的高度设置为恰好为 4000 像素，这样即使页面为空白时也存在滚动条？

背景

我是 JavaScript/JQuery 的新手，但对类似技术非常有经验。我正在尝试根据滚动页面做一些奇特的效果。为了有条不紊地完成这项工作，作为第一步，我希望制作一个“非常高”的页面。从那里我将根据滚动高度隐藏/显示元素，伪代码如下:

function onScrollEvent() {
    var height = scroll height
    var sectionIndex = Math.floor(height / MAX_SECTION_HEIGHT);
    for each item in my array of graphics
         if item index != sectionIndex then item.fadeOut else item.fadeIn
}

完成该工作后，我将开始创建我想要看到的效果。问题是，我无法让愚蠢的页面“真的很高”。

总结

当我设置 main-content div 的高度样式属性时，它似乎不会触发滚动条，除非页面上有实际内容。可以这么说，如何使页面“永久高大”？也就是说，即使页面上只有一行文本，我也希望页面的行为(滚动)就像它有 4000 像素的内容一样。现在它的行为就像调用了:
height = Math.min(内容高度，div样式高度)

Answer 1

您是否尝试过 min-height 用于 body 或 html 标签？ min-height 要求元素至少为该高度，无论包含的内容如何。

CSS

html, body{
    min-height: 4000px;
}

Live Demo

Reference