Come nascondere la barra di navigazione superiore di Facebook durante lo scorrimento verso il basso?

In Facebook, quando si scorre verso il basso, la barra blu in alto è ancora lì. Cè un modo per nasconderlo quando si scorre verso il basso, proprio come funziona Stack Exchange? In questo modo, non sarò distratto dalla notifica rossa durante la lettura, ma potrò comunque raggiungerla comodamente quando necessario.

Sono a conoscenza del F.B. Plugin Purity, ma anche quando ho deselezionato lopzione Freeze Top Nav Bar, è ancora lì. Ho chiesto allautore, dice che “è a causa dellimpostazione predefinita di Facebook”. Non ha intenzione di aggiornare questa funzione.

Uso Firefox. inserisci qui la descrizione dellimmagine

Risposta

Normalmente con qualcosa di simile puoi cambiare la barra di navigazione da position: fixed a un altro valore di posizione, ma Facebook fa il loro sito in modo diverso. Invece di scorrere lintera pagina e mantenere il navigatore fisso, fanno scorrere tutto il contenuto. In realtà è un po sconcertante come lo facciano, deve usare JavaScript da qualche parte.

Quindi devi usare un gestore di script utente come Tampermonkey per fare qualcosa di simile al seguente. Nasconde visivamente gli elementi su Facebook (per impostazione predefinita tutti tranne la sequenza temporale) quando si scorre la pagina. Puoi cambiare ciò che viene nascosto o meno durante lo scorrimento modificando lelenco hideElementList. Se desideri che solo la barra di navigazione scompaia, rimuovi la seconda e la terza voce (inclusa la virgola prima di esse).

// ==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); })(); 

Anchio ha caricato questo script su GreasyFork per una facile installazione se hai installato qualcosa come Tampermonkey.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *