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;
  });
});

Project Updates

Specific updates related to ongoing and completed projects.

All News & Stories:

All Project Updates

  • Filter By:

  • Empowerment for women like Ganga means gaining control over their lives, making informed choices, and having resources to pursue their goals. With targeted support from INF Nepal’s Community Health and...

    Posted 1 year ago

  • The Disaster Preparedness Network (DP Net) held its Gandaki Provincial Meeting on 27 March 2024 at the INF Complex in Pokhara, uniting diverse organisations to enhance disaster readiness in Gandaki...

    Posted 2 years ago

  • In February 2024, INF Nepal’s outreach team held two leprosy screening camps in Kapilvastu’s Maharajgunj Municipality, screening 440 people. Eight suspected cases were identified for Multi-Drug Therapy, and seven biopsies...

    Posted 2 years ago

  • Gopal Shares Her Story:

    Gopal’s life was forever changed after a devastating road accident left him with a spinal cord injury, but through the unwavering support of his family and the expert care at Green Pastures Hospital, he found the strength to rebuild his life and hope for the future.

    In the past year alone, GPH treated 81 spinal cord injury cases and provided rehabilitation to 688 patients