创建在滚动时固定的绝对定位div - 是否可能？

Question

我有一个创建固定水平导航栏的网站的想法，当您按下菜单项时，只需滚动浏览内容但我希望在其上面有一个“介绍”div，带有背景图像和徽标，比如说你第一次加载页面时显示的300px高度。

因此导航栏将显示为附加到此“简介”div的底部，并且只有当您滚动过去时，它才会附加到窗口的顶部并在滚动时变为固定位置。

如果您点击了某个菜单项，或者您只是向上滚动到页面的开头，它会再次将自己附加到“简介”div的底部。

这可以简单地使用CSS吗？或者我必须使用javascript来实现这种效果吗？

提前致谢！

Answer 1

我认为你需要这个JavaScript。然而，这并不难。您唯一需要做的就是在菜单滚出视口时将菜单的位置切换为“固定”。