Javascript 使HTML页面的一部分消失

我在一个网站上工作，我有一个标题部分，它占据了整个视口的高度。要退出此部分，查看器必须单击按钮，然后向下滚动到内容。这项设计是基于

---

但是，他们似乎已经“剪切”了页面的顶部，因为您离开该区域后无法向上滚动页面。这是如何实现的？是否有一些jQuery解决方案，或者全部是CSS？

这是一种混合：在按钮的

click（）

-方法中，您将标题的div设置为

display:none，如
$（'#按钮'）。单击（函数（）{$（'#标题'）。隐藏（）；}）
我查看了页面，得出结论，交互是基于JavaScript的。我为什么这么想？很简单，因为当滚动动画结束时，简介部分（
）从文档中消失

这是可以使用jQuery的
.remove（）
函数实现的。此函数用于从DOM中删除元素及其子元素

用于实现此功能的代码可能大致如下所示：

$("#intro").remove()

如果使用CSS完成此交互，元素不会消失，而是会向元素添加一些内联CSS（例如
）

当然，这一切都是由一个滚动或点击事件触发的，看起来像这样

$("#intro").click(function(){
    // Code that changes element opacity as mentioned by Rahul Jain

    // You can use 'this' as the selector since you are inside a function of that same selector
    $(this).remove();
});

在单击和鼠标滚轮时，它们会触发一个动画，将该部分的不透明度从1更改为0。动画完成后，他们使用

$('portion-selector').remove();

如果您访问该网站并检查HTML，您将看到div没有设置为
display:none
，而是完全消失。结果将是相同的。。。如果您将其设置为不可见，您将无法再次向上滚动，或者我遗漏了什么？嗯，您将无法再次向上滚动，但结果将略有不同，因为隐藏元素将允许您在以后仍然修改它，而实际上删除它将不会。