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

Question

我对创建一个固定的水平导航栏的网站有这个想法，当你按菜单项时，它只是滚动浏览内容，但我想在背景图片和标志上有一个“介绍”div，可以说在您第一次加载页面时显示的300px高度。

所以导航栏会出现在这个“介绍”div的底部，只有当你滚动过去时它才会附着到窗口的顶部，并在滚动时变为固定位置。

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

这是可能的简单使用CSS或我会不得不使用JavaScript来实现这种效果？

在此先感谢！

Answer 1

我认为你需要这个JavaScript的JavaScript。然而，这不会很难。您需要做的唯一事情就是当菜单以其他方式滚动出视口时，将菜单的位置切换到“固定”。