Javascript 使html页面的某些部分不可滚动且不可见

有一个高度为

400vh

的html页面，分为两部分。我希望第一部分是隐藏的，重要的是不可滚动有一个按钮 为此，一旦用户单击按钮，第二部分将取代第一部分，整个高度将变为

200vh

，因此只有第二部分可见且可滚动。

---

如何做到这一点

要求不是很明确。但是我猜你会用css隐藏第一个div

diplay:none

然后将第二个div设置为：

overflow-y:auto

如果必须通过按钮来完成，单击后，链接一个js方法，该方法将更新样式属性到所需的css元素。

您介意提供一个。。也请看。。你是怎么一个人解决这个问题的？堆栈溢出不是代码编写服务。。。