6
votes

Qu'est-ce qu'un pied de page collant?

Cette question est une noob totale, mais je ne peux pas avoir la différence entre un pied de page normal et un pied de page collant.


1 commentaires

Je lis sur eux dans css-tricks.com en ce moment. Ce que je veux demander est, s'il n'y a pas de différence entre une normale et un collant, alors pourquoi l'utilisons-nous? Comme l'analogie du bras, bien que !!


8 Réponses :


1
votes

Je suppose qu'un pied de page collant reste au même endroit sur un écran tout le temps. Dans quel contexte?


0 commentaires

2
votes

Je suppose qu'un pied de page collant est celui qui reste fixé au bas d'une page, quelle que soit la durée du contenu. Comme Ce .


0 commentaires

1
votes

Un pied de page collant est ancré au bas du port de visualisation du navigateur, par opposition au bas de la page entière. Il conserve sa position par rapport au bas du navigateur lorsque la page Scrolls.


0 commentaires

1
votes

Le pied de page collant restera toujours à une position fixe à l'écran, que vous faites défiler ou que vous n'aurez pas visible tout le temps à cet endroit spécifique.


0 commentaires

7
votes

pris de astuces CSS :

Le but d'un pied de page collant est qu'il "colle" au bas de la fenêtre du navigateur. Mais pas toujours, s'il y a suffisamment de contenu sur le Page pour pousser le pied de page plus bas, ça fait toujours ça. Mais si le contenu sur la page est courte, un pied de page collant restera toujours au fond de la fenêtre du navigateur.

Voici une idée claire de ce qu'un pied de page collant est: https: // css-tricks.com/couple-takes-sticky-footer/ Et http://css-tricks.com/sticky-footer/

et un exemple: https://getbootstrap.com/docs/4.0/ Exemples / Sticky-Footer /


2 commentaires

Exemple de lien est cassé et c'est toujours le résultat de la recherche Google 6+ ans plus tard pour "Qu'est-ce qu'un pied de page collant" "


@HaventChecked Exemple fixe



0
votes

Vous pouvez effectuer un zoom arrière sur cette page: http://madeh.ariablog.com/ et aussi http://stackoverflow.com et comparez ce qui se passe pour leurs pieds de page!

espérons que cela aide!


0 commentaires

0
votes

Ce code de pied de page Sticky CSS pousse le pied de page d'un site Web au bas d'une fenêtre de navigateur. Il est valide CSS et HTML sans hacks peu recommandables. Cela fonctionne donc dans tous les grands navigateurs (même la défuntion maintenant IE5 et IE6). xxx

Ajoutez les lignes suivantes de CSS à votre feuille de style. La valeur négative de la marge de .wrapper est le même nombre que la hauteur de .footer et .push. La marge négative doit toujours être égale à la hauteur totale du pied de page (y compris tout rembourrage ou bordures que vous pouvez ajouter). Suivez cette structure HTML. Aucune contenue ne peut être en dehors des balises de .wrapper et .footer div, sauf si elle est absolument positionnée avec CSS. Il ne devrait pas y avoir de contenu à l'intérieur du .Push DIV car il s'agit d'un élément caché qui "pousse" sur le pied de page afin qu'il ne chevauche rien.


0 commentaires

4
votes

de astuces CSS ,

Le but d'un pied de page collant est qu'il "colle" au bas de la fenêtre du navigateur. Mais pas toujours, s'il y a suffisamment de contenu sur la page pour pousser le pied de page plus bas, cela le fait toujours. Mais si le contenu de la page est court, un pied de page collant restera toujours au bas de la fenêtre du navigateur.

 pied de page collant


0 commentaires