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

有没有办法使用 css 和 html 来控制页面的最大可滚动高度，而不管页面上显示的内容如何？

举一个具体的假设示例:假设 <body>非常简单 - <div>这是 5000px 高。您如何将可滚动高度设置为仅 2000 像素？

因此，第 2000 个像素似乎是页面上的最后一个像素。浏览器的滚动条会出现在底部，而不仅仅是“卡在”页面的中间位置。我是否缺少实现此行为的简单方法？我更喜欢纯 css/html，因为它看起来应该可行，但我会接受 js。

最佳答案

你可以做类似 this 的事情

HTML

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

CSS

.outer {
    height:2000px;
    overflow:auto;
}
.inner {
    height:5000px;
    overflow:hidden;
}

关于javascript - 设置整个页面的可滚动高度而不考虑内容？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22486542/