滚动隐藏内容

Question

当滚动时，我正在寻找一种Hide内容的方法。让我解释一下。

这来自树屋网站：

正常内容：

​

​

滚动时：

​

​

正如您所看到的，内容隐藏，并出现行。去看看这里

有人知道他们是怎么做到的吗？

Answer 1

这是因为在div的向下滚动

它们将类shadowy添加到

<div class="heading-pocket"></div>

     .heading-pocket.shadowy {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); //cause of the shadow on top
        transition-duration: 0.2s;
    }

在回滚到顶部时，它们将删除类shadowy。

Answer 2

这叫做CSS。你想要的位置:固定在任何你想要覆盖内容的“标题”上。