FaceBook Reels Hide

script.js

const fbElementsToHide = ['Stories', 'Reels', 'Open reel in Reels Viewer'];
const hiddenElements = new Set();

const hideElementsOnScroll = () => {
  for (const element of fbElementsToHide) {
    if (!hiddenElements.has(element)) {
      const targetElement = document.querySelector(`div[aria-label="${element}"]`);
      if (targetElement) {
        targetElement.classList.add('wpbean-facebook-hidden');
        hiddenElements.add(element); // Mark this element as handled
      }
    }
  }

  // Remove event listener if all elements are hidden
  if (hiddenElements.size === fbElementsToHide.length) {
    window.removeEventListener('scroll', hideElementsOnScroll);
  }
};

// Add the scroll event listener
window.addEventListener('scroll', hideElementsOnScroll);

// Initial check in case some elements are already in the viewport
hideElementsOnScroll();

style.css

.wpbean-facebook-hidden {
	display: none!important;
}