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

Question

有一个html页面的400vh高度，分为两部分。我希望通过有一个按钮来隐藏第一部分并且重要的是不可滚动，一旦用户单击按钮，第二部分将取代第一部分并且整个高度变成200vh这样，因此只有第二部分是可见和可滚动的. 怎么做？

标签： javascripthtmlcssscroll

Answer 1

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

diplay: none

那么你会将第二个 div 设置为：

overflow-y: auto

如果这必须通过按钮完成，请在单击时链接一个 js 方法，该方法会将样式属性更新为所需的 css 元素。