Sådan skjules den øverste Nav Bar på Facebook, når du ruller ned?

På Facebook, når den ruller nedad, er den øverste blå bjælke stadig derinde. Er der en måde at skjule det, når du ruller ned, ligesom hvordan Stack Exchange fungerer? På den måde vil jeg ikke blive distraheret af den røde meddelelse, når jeg læser, men stadig bekvemt være i stand til at nå den, når jeg har brug for det.

Jeg er opmærksom på F.B. Renhed-plugin, men selv når jeg har fjernet markeringen af indstillingen Freeze Top Nav Bar, er den der stadig. Jeg har spurgt forfatteren, han siger, at det er på grund af Facebooks standard. Han planlægger ikke at opdatere denne funktion.

Jeg bruger Firefox. indtast billedebeskrivelse her

Svar

Normalt med noget som dette kan du ændre navbar fra position: fixed til en anden positionsværdi, men Facebook gør deres websted anderledes. I stedet for at rulle hele siden og holde navet fast, ruller de hele indholdet. Det er faktisk lidt underligt, hvordan de gør det, det skal bruge JavaScript et eller andet sted.

Så du skal bruge en usercript-manager som Tampermonkey at gøre noget som følgende: Det skjuler visuelt elementer på Facebook (som standard alle undtagen tidslinjen), når siden rulles. Du kan ændre, hvad der skjules eller ikke, ved at rulle ved at ændre listen hideElementList. Hvis du kun vil have navlinjen til at forsvinde, skal du fjerne den anden og tredje post (inklusive kommaet foran dem).

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

Jeg har også uploadede dette script til GreasyFork for nem installation, hvis du har installeret noget lignende Tampermonkey.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *