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

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

问题: 你如何设置一个网页的高度，比如说，精确到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的height样式属性时，它似乎不会触发滚动条，除非页面上有实际内容。可以说，我如何使页面“永远高”呢？也就是说，我希望页面的行为（滚动）就像它有4000像素的内容一样，即使页面上只有一行文本。现在，它的行为就像有一个调用：

height=Math.min（内容高度、div样式高度）

CSS中的Easy：

body
{
    height: 4000px;
}

---

这是最简单的方法<并非所有浏览器都支持代码>最小高度。这是一个特定的高度，可以设置为body标签（基本上是网页本身），使其非常高

您是否尝试过

minheight

用于

body

或

html

标记<代码>最小高度要求元素至少达到该高度，而不管包含的内容如何

CSS

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

在CSS中添加：

body
{
    min-height: 4000px;
}

您还需要：

body
{
    height: 4000px;
}

---

对于internet explorer（通过IE的条件注释）。

在Chrome 10中，在OSX 10.6上——这会呈现一个完整的空白页面，Y轴上有滚动条，希望这就是您的意思：

---

设置HTML的高度？这是合乎逻辑的，但不起作用。它应该被设置在身体标签上。@Kyle Sevenoaks为我工作，检查小提琴并移除身体。它可能对某些事情有效，但检查相关信息：@Loktar:这根本不起作用，但是。。。在看到你的实时演示链接后，我想这一定行得通，所以我将所有内容都简化为最基本的示例。然后它成功了，完美地！所以我使用的样式表一定有问题。谢谢你的帮助，现在我将尝试调试另一个问题。。。也许这与样式表顶部的样式“重置”有关…@gmale我希望你能找到答案