아래로 스크롤 할 때 Facebook의 상단 탐색 모음을 숨기는 방법은 무엇입니까?

Facebook에서 아래로 스크롤 할 때 상단 파란색 막대가 여전히 그 안에 있습니다. Stack Exchange가 작동하는 것처럼 아래로 스크롤 할 때 숨기는 방법이 있습니까? 이렇게하면 책을 읽을 때 빨간색 알림에주의가 산만 해지지 않지만 필요할 때 편리하게 연결할 수 있습니다.

F.B. Purity 플러그인이지만, Freeze Top Nav Bar 옵션을 선택 취소해도 여전히 거기에 있습니다. 저자에게 “Facebook의 기본값 때문”이라고 말했습니다. 그는이 기능을 업데이트 할 계획이 없습니다.

Firefox를 사용합니다. 여기에 이미지 설명 입력

답변

일반적으로 이와 같은 방식으로 탐색 메뉴를 position: fixed에서 다른 위치 값으로 변경할 수 있지만 Facebook은 사이트를 다르게 수행합니다. 전체 페이지를 스크롤하고 탐색을 고정하는 대신 모든 콘텐츠를 스크롤합니다. 실제로 어딘가에서 JavaScript를 사용하고있을 것입니다.

따라서 Tampermonkey 다음과 같은 작업을 수행합니다. 페이지가 스크롤 될 때 Facebook의 요소 (기본적으로 타임 라인 제외)를 시각적으로 숨 깁니다. 목록 . 탐색 표시 줄 만 사라지게하려면 두 번째 및 세 번째 항목 (앞의 쉼표 포함)을 제거합니다.

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

또한 이 스크립트를 GreasyFork 에 업로드하여 Tampermonkey와 같은 것을 설치 한 경우 쉽게 설치할 수 있습니다.

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다