Erstellen von absolut positionierten Div, der auf dem Bildlauf fixiert wird, ist es möglich?

Question

Ich hatte diese Idee für eine Website, um eine feste horizontale Navigationsleiste zu erstellen, können Sie von 300px-Höhe sagen, die anzeigt, wenn Sie die Seite zuerst laden.

So wird die Navigationsleiste auf der Unterseite dieser "Einführung" div angezeigt, und nur, wenn Sie an der Vergangenheit gescrollt werden, wird er an der Oberseite des Fensters angeschlossen und fixiert, wenn Sie gedraut werden.

Wenn Sie auf einen bestimmten Menüpunkt geklickt haben oder, wenn Sie einfach bis zum Start der Seite gescrollt haben, werden sich wieder an der Unterseite der "Einführung" div wieder anhängen.

ist dies möglich, einfach mit css zu tun oder hätte ich Javascript verwenden müssen, um diesen Effekt zu erreichen?

Vielen Dank im Voraus!

Answer 1

Ich denke, Sie brauchen Javascript für diesen.Es wird jedoch nicht schwer sein.Das einzige, was Sie tun müssen, ist, die Positionierung des Menüs zu wechseln, um "behoben", wenn das Menü anderweitig aus dem Ansichtsfenster scrollen würde.