Jak skrýt horní navigační lištu Facebooku při posouvání dolů?

Na Facebooku je při posouvání dolů horní modrý pruh stále tam. Existuje způsob, jak to skrýt při posouvání dolů, stejně jako funguje Stack Exchange? Tímto způsobem nebudu při čtení červeným upozorněním rozptylován, ale přesto se k němu pohodlně dostanu, když to bude potřeba.

Jsem si vědom F.B. Doplněk Čistota, ale i když jsem zrušil zaškrtnutí možnosti Freeze Top Nav Bar, stále tam je. Požádal jsem autora, ten říká, že je to kvůli výchozímu nastavení Facebooku. Neplánuje tuto funkci aktualizovat.

Používám Firefox. sem zadejte popis obrázku

odpověď

Normálně s něčím podobným můžete změnit navigační lištu z position: fixed na jinou hodnotu pozice, ale Facebook dělá jejich stránky jinak. Místo toho, aby rolovali celou stránku a udržovali navigaci pevnou, posouvají celý obsah. Je to vlastně trochu záhadné, jak to dělají, musí to někde používat JavaScript.

Takže musíte použít správce uživatelských skriptů jako Tampermonkey udělat něco jako následující. Při procházení stránky vizuálně skryje prvky na Facebooku (ve výchozím nastavení kromě časové osy). Změnou seznamu můžete změnit to, co se skryje nebo ne při posouvání hideElementList. Pokud chcete, aby zmizel pouze navigační panel, odstraňte druhou a třetí položku (včetně čárky před nimi).

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

Také nahrál tento skript do GreasyFork pro snadnou instalaci, pokud máte nainstalován něco jako Tampermonkey.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *