Hvordan skjuler du den øverste Nav-linjen på Facebook når du ruller ned?

Når du ruller nedover på Facebook, er den øverste blå linjen fortsatt der inne. Er det en måte å skjule det når du ruller ned, akkurat som Stack Exchange fungerer? På den måten vil jeg ikke bli distrahert av det røde varselet når jeg leser, men fremdeles være i stand til å nå det når det er behov.

Jeg er klar over F.B. Renhetsplugin, men selv når jeg ikke har merket av for Freeze Top Nav Bar-alternativet, er det fortsatt der. Jeg har spurt forfatteren, han sier at det er på grunn av Facebooks standard. Han planlegger ikke å oppdatere denne funksjonen.

Jeg bruker Firefox. skriv inn bildebeskrivelse her

Svar

Normalt med noe slikt kan du endre navbar fra position: fixed til en annen posisjonsverdi, men Facebook gjør nettstedet deres annerledes. I stedet for å bla hele siden og holde navet fast, blar de hele innholdet. Det er faktisk litt underlig hvordan de gjør det, det må bruke JavaScript et sted.

Så du må bruke en brukerskriptbehandling som Tampermonkey for å gjøre noe sånt som det følgende. Det skjuler visuelt elementer på Facebook (som standard alle unntatt tidslinjen) når siden rulles. Du kan endre det som skjules eller ikke bla ved å endre listen hideElementList. Hvis du bare vil at navlinjen skal forsvinne, fjerner du andre og tredje oppføring (inkludert komma 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å lastet opp dette skriptet til GreasyFork for enkel installasjon hvis du har noe som Tampermonkey installert.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *