Accueil sticky

Libérez ce qui est collé à l'écran

Lorsqu’un menu ou un avis occupe constamment une partie de l’écran, ce raccourci remet les éléments fixes dans la page pour libérer la lecture.

Sur ordinateur, faites glisser le bouton ci-dessous vers la barre de favoris. Ouvrez ensuite la page voulue et utilisez le favori.

Désactiver les éléments fixes

Sur téléphone ou sans barre de favoris ? Découvrez les autres façons d'utiliser ce raccourci ci-dessous.

Comment ça marche et quand l'utiliser

Comment utiliser ce raccourci sur téléphone ?

Sur téléphone, vous pouvez essayer d'enregistrer le code comme adresse d'un favori. Copiez d'abord le code ci-dessous.

iPhone (Safari) : ajoutez une page aux favoris, maintenez le doigt sur ce favori, choisissez Modifier et remplacez son adresse par le code copié.

Android (Chrome) : ajoutez une page aux favoris. Ouvrez les favoris, touchez les trois points à côté, choisissez Modifier et remplacez son adresse par le code copié.

Ouvrez ensuite la page à modifier et utilisez le favori. S'il ne fonctionne pas depuis le menu, saisissez son nom dans la barre d'adresse et sélectionnez la suggestion correspondante.

Adresse du favori

javascript:void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}())

Le fonctionnement varie selon le navigateur et sa version. Certains sites bloquent aussi ce type de raccourci.

Autre option sur iPhone : l'app Raccourcis

Dans Raccourcis, créez un raccourci avec l'action Exécuter JavaScript sur la page web et collez le code ci-dessous. Affichez-le dans la feuille de partage pour les pages Safari. Si nécessaire, autorisez l'exécution de scripts dans les réglages de Raccourcis. Ouvrez ensuite la page dans Safari, touchez Partager et choisissez votre raccourci.

Code pour l'app Raccourcis

void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}());completion();

Comment utiliser la console sur ordinateur ?

Ouvrez la page à modifier. Dans Chrome, appuyez sur Ctrl + Maj + J (Windows/Linux) ou ⌘ + Option + J (Mac), collez le code ci-dessous dans la console et appuyez sur Entrée.

Code pour la console

void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}())

L'effet s'applique à la page ouverte. Vérifiez ce que fait un code avant de l'exécuter dans la console ; le navigateur peut afficher un avertissement de sécurité.

Le bouton cherche ce qui est en position fixed ou sticky et demande position static. Il vaut pour ce qui est déjà sur la page au moment du clic.

Quels éléments cessent de couvrir le texte ?

Beaucoup de sites laissent le menu, l'avis ou le bouton de discussion collés à la fenêtre. Ils restent au-dessus de ce que vous lisez.

Le bouton regarde chaque élément. Si la position calculée est fixed ou sticky, il demande le retour dans le flux normal de la page.

Ce n'est pas un réglage du compte ni du site. Après un rechargement, les barres se recollent. Le favori reste disponible.

Ce qu'il libère

Menu, avis, pied de page et bouton qui suivent le défilement. Tout ce que la page garde collé à la fenêtre entre dedans.

Si vous ne voulez que l'en-tête du haut, utilisez l'outil d'en-tête fixe. Celui-ci libère aussi le reste.

Ce qui peut arriver

La barre, au lieu de flotter, prend une place dans le texte. C'est ce qui libère la zone qu'elle couvrait.

Un élément que la page crée après le clic peut se recoller. Cliquez encore.