Libérez l'en-tête collé en haut

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.

Copier le code du favori

Adresse du favori javascript:void(function(){var list=document.querySelectorAll("header,[role='banner']");var i,el,cs,r;for(i=0;i<list.length;i++){el=list[i];cs=getComputedStyle(el);if(cs.position==="fixed"||cs.position==="sticky")el.style.setProperty("position","static","important");}list=document.body.getElementsByTagName("*");for(i=0;i<list.length;i++){el=list[i];cs=getComputedStyle(el);if(cs.position!=="fixed"&&cs.position!=="sticky")continue;r=el.getBoundingClientRect();if(r.top<48&&r.width>innerWidth*0.55&&r.height<innerHeight*0.45)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.

Copier le code pour Raccourcis

Code pour l'app Raccourcis void(function(){var list=document.querySelectorAll("header,[role='banner']");var i,el,cs,r;for(i=0;i<list.length;i++){el=list[i];cs=getComputedStyle(el);if(cs.position==="fixed"||cs.position==="sticky")el.style.setProperty("position","static","important");}list=document.body.getElementsByTagName("*");for(i=0;i<list.length;i++){el=list[i];cs=getComputedStyle(el);if(cs.position!=="fixed"&&cs.position!=="sticky")continue;r=el.getBoundingClientRect();if(r.top<48&&r.width>innerWidth*0.55&&r.height<innerHeight*0.45)el.style.setProperty("position","static","important");}}());completion();

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.

Copier le code pour la console

Code pour la console void(function(){var list=document.querySelectorAll("header,[role='banner']");var i,el,cs,r;for(i=0;i<list.length;i++){el=list[i];cs=getComputedStyle(el);if(cs.position==="fixed"||cs.position==="sticky")el.style.setProperty("position","static","important");}list=document.body.getElementsByTagName("*");for(i=0;i<list.length;i++){el=list[i];cs=getComputedStyle(el);if(cs.position!=="fixed"&&cs.position!=="sticky")continue;r=el.getBoundingClientRect();if(r.top<48&&r.width>innerWidth*0.55&&r.height<innerHeight*0.45)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é.