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 Impact

Stories and data showcasing the impact of INF on the communities served, including success metrics and testimonials.

See all news and events

All News & Stories:

All Community Impact

  • Filter By:

  • Nazir Miya: Harvesting Hope Through Water Security

    Posted 3 weeks ago

  • Handover of Fistula Treatment Centre Marks a New Chapter for Karnali Province

    On 20 October 2024, INF Nepal officially handed over the Obstetric Fistula Treatment Centre to the Province Hospital in Karnali, marking a new phase in women’s healthcare. Leaders including Minister...

    Posted 2 years ago

  • Landslide in Pokhara and INF’s Response

    In July 2024, relentless monsoon rains triggered severe flooding and landslides across Nepal, displacing communities, damaging homes, and cutting off vital roadways. As rivers swelled and landslides swept through mountainous...

    Posted 2 years ago

  • Leprosy Screening Camp Detects 8 Patients

    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

    read more of Gopal's story
    Gopal

    Gopal Damai, a 27-year-old from Kaski