Kuinka piilottaa Facebookin ylin Nav-palkki, kun vierität alas?

Kun vierität alaspäin Facebookissa, ylin sininen palkki on edelleen siellä. Onko mahdollista piilottaa se, kun vierität alas, aivan kuten Stack Exchange toimii? Tällä tavoin punainen ilmoitus ei häiritse sinua lukiessani, mutta pääsen silti kätevästi siihen tarvittaessa.

Olen tietoinen F.B. Purity-laajennus, mutta vaikka olen poistanut valinnan Freeze Top Nav Bar -vaihtoehdosta, se on edelleen olemassa. Olen pyytänyt kirjailijaa, hän sanoo, että ”Facebookin oletusarvoista johtuen. Hän ei aio päivittää tätä toimintoa.

Käytän Firefoxia. kirjoita kuvan kuvaus tähän

Vastaa

Normaalisti millä tahansa tällä tavoin voit vaihtaa navigaatiopalkin arvosta position: fixed toiseen sijaintiarvoon, mutta Facebook tekee sivustonsa eri tavalla. Sen sijaan, että vierität koko sivua ja pitävät navigaation kiinteänä, he vierittävät koko sisältöä. Se on itse asiassa eräänlainen hämmentävä tapa, jolla he tekevät niin, sen on käytettävä JavaScriptiä jossain.

Joten sinun on käytettävä käyttäjän kirjoituspäällikköä, kuten Tampermonkey tehdä jotain seuraavanlaista. Se piilottaa visuaalisesti elementit Facebookissa (oletusarvoisesti kaikki paitsi aikajanan), kun sivua vieritetään. Voit muuttaa vieritettävää piilotettua tai piilotettua muuttamalla luetteloa hideElementList. Jos haluat, että vain navigointipalkki katoaa, poista toinen ja kolmas merkintä (myös niiden edellinen pilkku).

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

Minä myös latasi tämän komentosarjan osoitteeseen GreasyFork helppoa asennusta varten, jos sinulla on jotain Tampermonkeyn kaltaista.

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *