Jak ukryć górny pasek nawigacyjny Facebooka podczas przewijania w dół?

Na Facebooku podczas przewijania w dół górny niebieski pasek nadal się tam znajduje. Czy istnieje sposób, aby to ukryć podczas przewijania w dół, tak jak działa wymiana stosów? W ten sposób nie będę rozpraszał się czerwonym powiadomieniem podczas czytania, ale nadal będę mógł do niego wygodnie dotrzeć w razie potrzeby.

Wiem, że F.B. Wtyczka Purity, ale nawet jeśli odznaczyłem opcję Freeze Top Nav Bar, wciąż tam jest. Zapytałem autora, że mówi, że „to z powodu domyślnego ustawienia Facebooka. Nie planuje aktualizować tej funkcji.

Używam przeglądarki Firefox. tutaj wprowadź opis obrazu

Odpowiedź

Zwykle za pomocą czegoś takiego można zmienić pasek nawigacyjny z position: fixed na inną wartość pozycji, ale Facebook robi swoją witrynę inaczej. Zamiast przewijać całą stronę i utrzymywać stałą nawigację, przewijają całą zawartość. Właściwie to trochę zastanawiające, jak to robią, musi gdzieś używać JavaScript.

Więc musisz użyć menedżera skryptów użytkownika, takiego jak Tampermonkey aby wykonać coś podobnego do poniższego. Wizualnie ukrywa elementy na Facebooku (domyślnie wszystkie oprócz osi czasu), gdy strona jest przewijana. Możesz zmienić to, co jest ukrywane, a co nie podczas przewijania, zmieniając listę hideElementList. Jeśli chcesz, aby zniknął tylko pasek nawigacyjny, usuń drugi i trzeci wpis (w tym przecinek przed nimi).

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

Ja też przesłał ten skrypt do GreasyFork w celu ułatwienia instalacji, jeśli masz zainstalowane coś takiego jak Tampermonkey.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *