要实现这个效果，你可以使用CSS的max-height属性。这个属性可以限制元素的最大高度，从而在页面内容未完全加载时限制滚动。

以下是一个简单的示例：

HTML部分：

```html

```

CSS部分：

```css .scroll-container { height: 100vh; overflow-y: auto; overflow-x: hidden; }

.scrollable { height: 100%; overflow-y: auto; overflow-x: hidden; } ```

在这个示例中，滚动容器的高度为100vh，当内容未完全加载时，滚动容器会自动填充剩余的滚动空间。内容的子元素会自动填充滚动容器的剩余高度，即页面高度的一半。当滚动容器的内容全部加载后，滚动容器的高度将不再自动填充剩余的滚动空间。

注意，这种方法只能在滚动容器内容完全加载时生效。如果内容部分还有滚动条，可能需要使用JavaScript来限制滚动容器的高度。