Flat Preloader Icon 
/* Default state: transparent background */
#brx-header.sticky {
  position: sticky;
  top: 0;
  transition: opacity 0.5s ease, background-color 0.5s ease;
  opacity: 1;
  visibility: visible;
  background-color: transparent !important; /* Start with transparent background */
}

/* Hidden state when scrolling down */
#brx-header.sticky.nav-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: transparent !important; /* Stay transparent when hidden */
}

/* Visible state when scrolling up: background becomes black */
#brx-header.sticky.nav-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.5) !important; /* Background becomes black when scrolling up */
}
document.addEventListener('DOMContentLoaded', function () {
  let lastScrollTop = 0;
  const nav = document.querySelector('#brx-header.sticky'); // Ensure this targets the correct header element
  let hasScrolledDown = false; // Track if the user has scrolled down

  // Listen for the scroll event on the window
  window.addEventListener('scroll', function () {
    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;

    console.log('Scroll position:', scrollTop); // Check scroll position in console

    if (scrollTop > lastScrollTop) {
      // User is scrolling down
      console.log('Scrolling down');
      nav.classList.remove('nav-visible');
      nav.classList.add('nav-hidden');
      hasScrolledDown = true; // User has scrolled down
    } else if (scrollTop < lastScrollTop && hasScrolledDown) {
      // User is scrolling up and has already scrolled down
      console.log('Scrolling up');
      nav.classList.remove('nav-hidden');
      nav.classList.add('nav-visible');
    }

    // Update the last scroll position
    lastScrollTop = scrollTop;
  });
});

Community Contributions

Contributions from community members, including feedback, success stories, and local insights.

Entire knowledge hub

All Knowledge Hub Categories:

Entire Community Contributions

  • Filter By:

  • Autism Handbook: Web-Based Educational Resource

    Autism Spectrum Disorder (ASD) is increasingly recognized as a critical neurodevelopmental disorder affecting individuals across Nepal. With growing awareness, there is a pressing need to provide support and understanding for...

    Posted 1 year ago

  • Dilu Shares Her Story:

    After years of suffering, a neighbor introduced her to Green Pastures Hospital (GPH) Ear Centre, renowned for its transformative ear surgeries and support for financially struggling patients. This led Dilu to hope that she might finally find lasting relief.

    INF's GPH Ear Centre provided critical financial aid to cover surgery and medication costs. This support lifted Dilu’s burden, enabling her to focus fully on her recovery.

    read more of Dilu story
    Dilu

    Dilu, a 52-year-old from Lamjung