Comment masquer la barre de navigation supérieure de Facebook lors du défilement vers le bas?

Dans Facebook, lors du défilement vers le bas, la barre bleue du haut est toujours là. Existe-t-il un moyen de le masquer lors du défilement vers le bas, tout comme le fonctionnement de Stack Exchange? De cette façon, je ne serai pas distrait par la notification rouge lors de la lecture, mais je pourrai toujours y accéder en cas de besoin.

Je connais le F.B. Plugin Purity, mais même lorsque jai décoché loption Freeze Top Nav Bar, il est toujours là. Jai demandé à lauteur, il dit que cest à cause de la valeur par défaut de Facebook. Il na pas lintention de mettre à jour cette fonction.

Jutilise Firefox. saisissez la description de limage ici

Réponse

Normalement, avec quelque chose comme ça, vous pouvez changer la barre de navigation de position: fixed à une autre valeur de position, mais Facebook fait leur site différemment. Au lieu de faire défiler toute la page et de garder la navigation fixe, ils font défiler tout le contenu. Cest en fait un peu déroutant de savoir comment ils le font, cela doit utiliser JavaScript quelque part.

Vous devez donc utiliser un gestionnaire de scripts utilisateur comme Tampermonkey pour faire quelque chose comme ce qui suit. Il masque visuellement les éléments sur Facebook (par défaut tous sauf la chronologie) lorsque la page est défilée. Vous pouvez changer ce qui est caché ou non lors du défilement en changeant la liste hideElementList. Si vous voulez que seule la barre de navigation disparaisse, supprimez les deuxième et troisième entrées (y compris la virgule devant elles).

// ==UserScript== // @name Facebook nav hider // @namespace https://zachsaucier.com/ // @version 0.1 // @description Hides Facebook"s navigation bar when the page is scrolled // @author Zach Saucier // @match https://www.facebook.com/ // @grant none // ==/UserScript== (function() { "use strict"; var hideElementList = [ document.getElementById("pagelet_bluebar"), document.getElementById("leftCol"), document.getElementById("rightCol") ]; function checkScroll(timestamp) { console.log(window.pageYOffset); if(window.pageYOffset !== 0) { for(var i = 0; i < hideElementList.length; i++) { hideElementList[i].style.opacity = "0"; } } else { for(var i = 0; i < hideElementList.length; i++) { hideElementList[i].style.opacity = "1"; } } window.requestAnimationFrame(checkScroll); } window.requestAnimationFrame(checkScroll); })(); 

I aussi a chargé ce script sur GreasyFork pour une installation facile si vous avez installé quelque chose comme Tampermonkey.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *