Maison > interface Web > js tutoriel > Faites défiler la page de haut en bas pour modifier le positionnement de la navigation supérieure

Faites défiler la page de haut en bas pour modifier le positionnement de la navigation supérieure

巴扎黑
Libérer: 2017-07-22 09:22:21
original
1957 Les gens l'ont consulté

Récemment, j'ai rencontré une exigence d'effet de conception de la part d'un concepteur, qui a également été implémentée sur d'autres sites Web :

state1 : lorsque la page Web défile vers le bas , la barre d'en-tête de la page disparaît, la barre de navigation supérieure monte ;

state2 : lorsque la page Web défile vers le haut, la barre d'en-tête de la page apparaît et la barre de navigation supérieure descend le long de la navigation.

La page contient déjà les fonctions suivantes :

1. Lorsque la fenêtre contextuelle apparaît, le calque de la fenêtre contextuelle peut défiler, mais le calque de la page ne permet pas le défilement. À l'heure actuelle, les attributs de style de débordement de l'élément body et de l'élément html dans la page sont définis sur cachés

La structure de la page est la suivante :

< html>

Header

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal