创建绝对位于滚动上的绝对位置Div - 是否可能？

Question

我对创建固定水平导航栏的一个网站有这个想法，只需在按下菜单项时滚动内容，但我想在它上面的“介绍”div与背景图像和徽标，让我们说出300px的高度，它首先加载页面时显示。 因此，导航栏将显示在此“介绍”div的底部附加到底部，只有当您滚动超过它时，它会将它连接到窗口的顶部，并在滚动时固定定位。

如果您单击某个菜单项，或者只需滚动到页面的开始，它将自身连接到“介绍”div的底部。

这可能简单地用CSS做，或者我必须使用JavaScript来实现这种影响吗？

提前感谢！

Answer 1

我认为你需要这个javascript。然而，它不会很难。您唯一需要做的是将菜单的定位切换到“修复”时，当菜单否则将滚动查看视口时。