创建固定在滚动上的绝对定位 div - 有可能吗？

Question

我有一个网站的想法，即创建一个固定的水平导航栏，当您按下菜单项时，它会简单地滚动浏览内容，但我希望在其顶部有一个“介绍”div，带有背景图像和徽标，假设您第一次加载页面时显示的高度为 300 像素。

因此，导航栏会显示在此“介绍”div 的底部，并且只有当您滚动过去时，它才会连接到窗口顶部并在您滚动时固定定位。

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

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

提前致谢！

Answer 1

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