En Facebook, al desplazarse hacia abajo, la barra azul superior sigue ahí. ¿Hay alguna manera de ocultarlo cuando se desplaza hacia abajo, al igual que funciona Stack Exchange? De esa manera, no me distraeré con la notificación roja cuando lea, pero aún así podré acceder a ella cuando lo necesite.
Estoy al tanto de la F.B. Plugin de pureza, pero incluso cuando he desmarcado la opción Freeze Top Nav Bar, sigue ahí. Le he preguntado al autor que dice que es debido a la configuración predeterminada de Facebook. No planea actualizar esta función.
Yo uso Firefox. 
Responder
Normalmente con algo como esto, puedes cambiar la barra de navegación de position: fixed a otro valor de posición, pero Facebook hace su sitio de manera diferente. En lugar de desplazarse por toda la página y mantener la navegación fija, desplazan todo el contenido. En realidad, es un poco desconcertante cómo lo hacen, debe estar usando JavaScript en alguna parte.
Por lo tanto, debe usar un administrador de script de usuario como Tampermonkey para hacer algo como lo siguiente. Oculta visualmente elementos en Facebook (de forma predeterminada, todos menos la línea de tiempo) cuando se desplaza la página. Puede cambiar lo que se oculta o no en el desplazamiento cambiando la lista hideElementList. Si desea que solo desaparezca la barra de navegación, elimine la segunda y la tercera entrada (incluida la coma antes de ellas).
// ==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); })(); Yo también cargó este script en GreasyFork para una fácil instalación si tiene algo como Tampermonkey instalado.