Menu fixe apres scroll

Soyez le premier à donner votre avis sur cette source.

Vue 5 094 fois - Téléchargée 919 fois

Télécharger le projet
Commenter

Description

il s'agit du menu qui se fixe a un certain niveau de scroll contrairement a ce que l'on voit d'habitude ici tout est géré par le javascript il n'y a pas de changement de class et il est possible de mettre plusieurs element

la mise en place est des plus simple il suffit de mettre un attribut data-stic en spécifiant la marge du haut 

<div id='autre' data-stic="40"></div>


et l'element doit avoir un position css en fixed 

position:fixed;
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Signaler
-
this is goood
Signaler
-
Ce menu qui devrait être fixe ne l'est pas chez moi. J'ai pourtant bien créer un dossier res ou j'ai mis stic.css et stic.js, et d'ailleurs j'ai pu voir que le menu est bien joli habillé par son css ! Pourquoi ça ne marcherait pas ? Merci de bien vouloir me répondre. Cordialement. Jean-Michel
Signaler
-
Réflexion faite : je vois que ça marche ! Ce qui m'a perturbé c'est tout cet espace noire autour du menu...
Signaler
m0rganana
Messages postés
2
Date d'inscription
vendredi 31 mai 2019
Statut
Membre
Dernière intervention
31 mai 2019
 -
Attention car c'est du code sale (voire très sale).
Pensez à ajouter : 

html, body{
 height:100%;
}


...si vous utilisez le nouveau doctype (<!doctype html>) sinon l'image ne s'affichera pas.

Le code JavaScript est catastrophique, que dire de l'utilisation de 
document.getElementsByTagName('*')
:s
La partie JS demanderait à être entièrement réécrite car c'est pas du tout comme ça qu'il faut faire.
Signaler
@karamel
Messages postés
1703
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
8 août 2019
 40 -
je veut bien te croire mais pourquoi l'utilisation de 
document.getElementsByTagName('*')
est moche que propose tu comme meilleur solution ?
Afficher les 7 commentaires
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (@karamel)