Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

Heim > Web-Frontend > js-Tutorial > Scrollen Sie auf der Seite nach oben und unten, um die Positionierung der oberen Navigation zu ändern

Scrollen Sie auf der Seite nach oben und unten, um die Positionierung der oberen Navigation zu ändern

巴扎黑

Freigeben： 2017-07-22 09:22:21

Original

1944 Leute haben es durchsucht

Kürzlich bin ich auf eine Design-Effekt-Anforderung eines Designers gestoßen, die auch auf anderen Websites umgesetzt wurde:

state1: Wenn die Webseite nach unten gescrollt wird , die Seitenkopfleiste verschwindet, die obere Navigation bewegt sich nach oben

state2: Wenn die Webseite nach oben scrollt, erscheint die Seitenkopfleiste und die obere Navigation bewegt sich entlang der Navigation nach unten.

Die Seite enthält bereits die folgenden Funktionen:

1. Wenn das Popup-Fenster angezeigt wird, kann in der Popup-Fensterebene gescrollt werden, die Seitenebene ermöglicht jedoch kein Scrollen. Zu diesem Zeitpunkt sind die Überlaufstilattribute des Body-Elements und des HTML-Elements auf der Seite auf ausgeblendet

Die Seitenstruktur ist wie folgt:

< html>

Header

Vorheriger Artikel：Tutorial zur js-Tab-Kapselung Nächster Artikel：Zusammenfassung der wichtigsten Kenntnisse von Vue

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors