滚动 - 隐藏内容

Question

我在滚动时搜索Hide内容的方式。让我解释一下。

来自Treehouse网站：

正常内容：

滚动时：

如您所见，内容隐藏，系统会显示该行。去看看here

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

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。你想要的位置：固定在你要覆盖内容的任何“标题”上。

退还你的投票....