Javascript 设置整个页面的可滚动高度，而不考虑内容？

有没有一种方法可以使用css和html来控制页面的最大可滚动高度，而不考虑页面上的内容

举一个具体的、假设的例子：假设

非常简单-一个高5000像素的

。如何将可滚动高度设置为仅2000px

---

因此，第2000个像素似乎是页面上的最后一个像素。浏览器的滚动条将显示在底部，而不仅仅是页面的一半被“卡住”。我是否错过了实现这种行为的简单方法？我更喜欢纯css/html，因为它似乎是可行的，但我会接受js。

您应该将主体高度设置为特定的数字，并将溢出设置为隐藏

body{
  height:2000px;
  overflow:hidden;
}

---

制作一个

您应该将身体高度设置为特定的数字，并将溢出设置为隐藏

body{
  height:2000px;
  overflow:hidden;
}

---

制作一个

您应该将身体高度设置为特定的数字，并将溢出设置为隐藏

body{
  height:2000px;
  overflow:hidden;
}

---

制作一个

您应该将身体高度设置为特定的数字，并将溢出设置为隐藏

body{
  height:2000px;
  overflow:hidden;
}

---

在容器元素上使用

max height

或

height

css属性和

overflow:hidden

。它将隐藏所有大于指定高度的内容，从而限制滚动条的高度

---

我还应该提到，可以使用

overflow-y:hidden

实现同样的效果，但只会影响元素的顶部和底部边缘。查看更多详细信息。

在容器元素上使用

最大高度

或

高度

css属性和

溢出：隐藏

。它将隐藏所有大于指定高度的内容，从而限制滚动条的高度

---

我还应该提到，可以使用

overflow-y:hidden

实现同样的效果，但只会影响元素的顶部和底部边缘。查看更多详细信息。

在容器元素上使用

最大高度

或

高度

css属性和

溢出：隐藏

。它将隐藏所有大于指定高度的内容，从而限制滚动条的高度

---

我还应该提到，可以使用

overflow-y:hidden

实现同样的效果，但只会影响元素的顶部和底部边缘。查看更多详细信息。

在容器元素上使用

最大高度

或

高度

css属性和

溢出：隐藏

。它将隐藏所有大于指定高度的内容，从而限制滚动条的高度

---

我还应该提到，可以使用

overflow-y:hidden

实现同样的效果，但只会影响元素的顶部和底部边缘。查看更多详细信息。

您可以执行以下操作

HTML

<div class="outer">
  <div class="inner">
     <!--your content here-->
  </div>
</div>

---

你可以这样做

HTML

<div class="outer">
  <div class="inner">
     <!--your content here-->
  </div>
</div>

---

你可以这样做

HTML

<div class="outer">
  <div class="inner">
     <!--your content here-->
  </div>
</div>

---

你可以这样做

HTML

<div class="outer">
  <div class="inner">
     <!--your content here-->
  </div>
</div>

---

---

将大div放在小div内（最大高度，可能也是最小高度）将大div放在小div内（最大高度，可能也是最小高度）将大div放在小div内（最大高度，可能也是最小高度）将大div放在小div内（最大高度，可能也是最小高度）当我在我的body元素上设置overflow:hidden时，根本不会出现滚动条？请确保body高度大于窗口高度。请记住，仅当内容大于视口时才会显示滚动条。当我在我的body元素上设置overflow:hidden时，根本不会显示滚动条？请确保body高度大于窗口高度。请记住，仅当内容大于视口时才会显示滚动条。当我在我的body元素上设置overflow:hidden时，根本不会显示滚动条？请确保body高度大于窗口高度。请记住，仅当内容大于视口时才会显示滚动条。当我在我的body元素上设置overflow:hidden时，根本不会显示滚动条？请确保body高度大于窗口高度。请记住，滚动条仅在内容大于视口时才会出现。这要近得多，但出于某种原因，它只是在我设置限制的地方剪切页面内容，而不是限制滚动。因此，我仍然可以滚动页面的整个长度，但在

高度以下没有显示任何内容。inner

多么奇怪……似乎

正文

中的一个绝对位置的div（其位置低于

正文

）会导致滚动到它的底部，而不是正文的底部。但是，如果一个绝对定位的元素在流之外，为什么不通过溢出隐藏它呢：隐藏，因为它是

的子元素？编辑您的小提琴以包含我所说的内容。奇怪的是，在小提琴中，只有小提琴窗口获得滚动条，而不是容器。但在我的制作站点中，由于“容器”是主体，因此整个页面都会显示滚动条。对不起，我很难弄清楚你需要什么。你能举例说明吗？我试图解决的问题超出了这个问题的范围。这让我走上了正确的轨道，这是一个简单、正确的解释，所以我接受了它。这更接近，但出于某种原因，它只是在我设置限制的地方剪切页面内容，而不是限制滚动。因此，我仍然可以滚动页面的整个长度，但在

高度以下没有显示任何内容。inner

多么奇怪……似乎

正文

中的一个绝对位置的div（其位置低于

正文

）会导致滚动到它的底部，而不是正文的底部。但是如果一个绝对定位的元素在流之外，为什么它不隐藏呢