In Facebook befindet sich beim Scrollen nach unten immer noch die obere blaue Leiste. Gibt es eine Möglichkeit, es beim Scrollen nach unten auszublenden, genau wie Stack Exchange funktioniert? Auf diese Weise werde ich beim Lesen nicht von der roten Benachrichtigung abgelenkt, kann sie aber bei Bedarf bequem erreichen.
Ich bin mir der F.B. bewusst. Reinheits-Plugin, aber selbst wenn ich die Option Freeze Top Nav Bar deaktiviert habe, ist sie immer noch vorhanden. Ich habe den Autor gefragt, er sagt, dass dies an der Standardeinstellung von Facebook liegt. Er plant nicht, diese Funktion zu aktualisieren.
Ich benutze Firefox. 
Antwort
Normalerweise können Sie mit so etwas die Navigationsleiste von position: fixed auf einen anderen Positionswert ändern, aber Facebook macht ihre Website anders. Anstatt die ganze Seite zu scrollen und die Navigation fest zu halten, scrollen sie den gesamten Inhalt. Es ist eigentlich ein bisschen rätselhaft, wie sie das machen, es muss irgendwo JavaScript verwenden.
Sie müssen also einen Userscript-Manager wie Tampermonkey um Folgendes zu tun: Beim Scrollen der Seite werden Elemente auf Facebook (standardmäßig alle außer der Zeitleiste) visuell ausgeblendet. Sie können ändern, was beim Scrollen ausgeblendet wird oder nicht, indem Sie die Liste ändern hideElementList. Wenn nur die Navigationsleiste ausgeblendet werden soll, entfernen Sie den zweiten und dritten Eintrag (einschließlich des Kommas davor).
// ==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); })(); Ich auch hat dieses Skript zur einfachen Installation auf GreasyFork hochgeladen, wenn Sie etwas wie Tampermonkey installiert haben.