Cum se ascunde bara de navigare de sus a Facebook atunci când derulați în jos?

În Facebook, când derulați în jos, bara albastră de sus este încă acolo. Există o modalitate de a o ascunde când derulați în jos, la fel cum funcționează Stack Exchange? În acest fel, nu voi fi distras de notificarea roșie atunci când citesc, dar totuși în mod convenabil o pot ajunge atunci când este nevoie.

Sunt conștient de F.B. Plugin Puritate, dar chiar și când am debifat opțiunea Freeze Top Nav Bar, este încă acolo. Am întrebat autorul, el spune că este din cauza implicită a Facebook-ului. Nu intenționează să actualizeze această funcție.

Folosesc Firefox. introduceți descrierea imaginii aici

Răspundeți

În mod normal, cu așa ceva puteți schimba bara de navigație de la position: fixed la o altă valoare de poziție, dar Facebook își face site-ul diferit. În loc să deruleze întreaga pagină și să mențină navigarea fixă, ei derulează tot conținutul. De fapt, este oarecum deranjant să facă acest lucru, trebuie să folosească JavaScript undeva.

Deci, trebuie să utilizați un manager de utilizatori, cum ar fi Tampermonkey pentru a face ceva de genul următor. Ascunde vizual elemente de pe Facebook (în mod implicit, toate cu excepția cronologiei) atunci când pagina este derulată. Puteți schimba ceea ce este ascuns sau nu în scroll, schimbând lista hideElementList. Dacă doriți ca bara de navigare să dispară, eliminați a doua și a treia intrare (inclusiv virgula dinaintea lor).

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

De asemenea, a încărcat acest script în GreasyFork pentru instalare ușoară dacă aveți instalat ceva de genul Tampermonkey.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *