Hogyan lehet elrejteni a Facebook felső Nav sávját, amikor lefelé görget?

A Facebookon lefelé görgetve a felső kék sáv továbbra is ott van. Van-e mód rejteni lefelé görgetéskor, akárcsak a Stack Exchange működését? Így nem zavarhatom el a piros értesítést olvasás közben, de kényelmesen el tudom érni, ha rászorulok.

Tisztában vagyok az F.B. A Tisztaság plugin, de még akkor is, ha már bejelöltem a Felső navigációs sáv fagyasztása jelölőnégyzet bejelölését, még mindig ott van. Megkérdeztem a szerzőt, azt mondja, hogy a Facebook alapértelmezettsége miatt. Nem tervezi frissíteni ezt a funkciót.

Firefoxot használok. írja ide a kép leírását

válasz

Általában ilyesmivel megváltoztathatja a navigációs sávot position: fixed értékről egy másik pozícióra, de a Facebook másképp csinálja az oldalukat. Ahelyett, hogy végiggörgetné az egész oldalt és rögzítené a navigációt, az egész tartalmat görgetik. Valójában elgondolkodtató, ahogyan ezt csinálják, valahol JavaScriptet kell használnia.

Tehát használnia kell egy userScript-kezelőt, például Tampermonkey a következőkhöz hasonló módon. Vizuálisan elrejti a Facebook elemeit (alapértelmezés szerint az idővonal kivételével az összeset), amikor az oldalt görgetik. A lista megváltoztatásával megváltoztathatja a lapozáskor rejtett vagy nem látható elemeket >

. Ha azt szeretné, hogy csak a navigációs sáv tűnjön el, távolítsa el a második és a harmadik bejegyzést (beleértve az előtte álló vesszőt is).

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

Én is feltöltötték ezt a szkriptet az GreasyFork fájlba az egyszerű telepítés érdekében, ha a Tampermonkey-hez hasonló dolog van telepítve.

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük