Question

假设我的网站长2000px，视口高1000px，如下所示：

默认情况下，这将允许网站滚动1000像素。为了滚动该距离，滚动条必须从顶部移动到底部。

但是，如果我只希望滚动条能够滚动500像素，从而隐藏了网站的底部500像素，但我不想更改网站的高度，该怎么办？

我尝试使用以下CSS代码执行此操作：

body{
    height: 1500px;
    max-height: 1500px;
    position: absolute;
}

但是这没有用，因为body没有父元素可以在其周围添加滚动条。

还有其他方法吗？

Answer 1

我认为立场应该是相对的，而不是绝对的。您是否需要它作为身体元素？为什么不创建一个容器元素，然后仅将页面内容包装在其中，这样就可以了？

示例

<body>
<div class="main-container">
website content
</div>
</body>

样式：

.main-container {
height: 1500px;
max-height: 1500px;
position:relative;
}

Answer 2

在评论中进行了一些讨论之后，我意识到html元素是body元素的父元素。因此，在我的答案中使用css代码并设置html溢出以按需滚动所有内容。