Posté par windu.2b .
En réponse au journal Firefox 26.
Évalué à 10.
Dernière modification le 13 décembre 2013 à 13:33.
LA nouveauté CSS dans cette version de Firefox est la propriété position : sticky.
Mise en situation : imaginons que vous ayez une zone de texte composée d'un bandeau supérieur (titre) et d'un contenu long, à tel point que vous devez scroller pour consulter l'intégralité de ladite zone. Avec cette propriété CSS, la zone va défiler mais, le bandeau supérieur va être "bloqué" sur votre écran, de façon à ce qu'il ne disparaisse pas, et ce jusqu'à ce que toute la zone ait défilé (à ce moment, le bandeau supérieur ferme la marche et disparait à son tour).
J'imagine que ça doit marcher aussi avec un tableau et des en-têtes de colonnes...
# position : sticky
Posté par windu.2b . En réponse au journal Firefox 26. Évalué à 10. Dernière modification le 13 décembre 2013 à 13:33.
LA nouveauté CSS dans cette version de Firefox est la propriété
position : sticky.Mise en situation : imaginons que vous ayez une zone de texte composée d'un bandeau supérieur (titre) et d'un contenu long, à tel point que vous devez scroller pour consulter l'intégralité de ladite zone. Avec cette propriété CSS, la zone va défiler mais, le bandeau supérieur va être "bloqué" sur votre écran, de façon à ce qu'il ne disparaisse pas, et ce jusqu'à ce que toute la zone ait défilé (à ce moment, le bandeau supérieur ferme la marche et disparait à son tour).
J'imagine que ça doit marcher aussi avec un tableau et des en-têtes de colonnes...
Une démo est visible à cette page, pour ceux qui n'auraient pas compris mes explications parfaitement claires.
Pour ceux qui n'ont pas un navigateur compatible et/ou qui voudraient implémenter cela pour de tels navigateurs, ce site montre l'équivalent en JavaScript.
Pour info/comparaison : cette fonctionnalité est déjà implémentée par Chrome et Safari, depuis (au moins) septembre. Et, pour en profiter dans Fx 26, il faut l'activer via
about:config(mettre la clélayout.css.sticky.enabledàtrue).