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

Case Studies

In-depth analyses and stories of specific cases or projects to illustrate impact and methodologies.

Entire knowledge hub

All Knowledge Hub Categories:

Entire Case Studies

  • Filter By:

  • Low-Cost 3D-Printed Device Boosts Long COVID Respiratory Recovery

    Use of locally produced novel low-cost 3D printed respiratory muscle strength trainer device (RMSTD) for long COVID-Rehabilitation

    Posted 2 years ago

  • Bringing HOPE: Project’s Representative Impact Stories

    INF Nepal’s New Resource: “Bringing HOPE: Project Representatives’ Impact Stories” Sheds Light on Leprosy and Disability Challenges in Nepal

    Posted 2 years 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