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

Uncategorized

INF Nepal's Response Update in Nuwakot and Rasuwa from 31 August – 9 September 2026 Bhotekoshi flash floods struck Rasuwa, Nuwakot and Dhading districts on 26 August 2026, causing widespread damage and displacing families across the region. Since then, INF Nepal has worked alongside affected communities in Nuwakot and Rasuwa, providing emergency healthcare, essential relief assistance, and…

See all news and events

All News & Stories:

All Uncategorized

  • Filter By:

  • Bhotekoshi Flash Flood Response Update

    INF Nepal’s Response Update in Nuwakot and Rasuwa from 31 August – 9 September 2026 Bhotekoshi flash floods struck Rasuwa, Nuwakot and Dhading districts on 26 August 2026, causing widespread damage and...

    Posted 1 hour ago

  • Reflection from Executive Director

    On Thursday, 3rd September 2026, at around 7:00am, we left Pokhara with two trucks loaded with relief materials for people affected by the disaster in Kispang Rural Municipality-5, Nuwakot District....

    Posted 3 days ago

  • INF’s Immediate Medical Support in Nuwakot

    On 30th August 2026, INF Nepal Emergency Medical Services Team moved to Bidur Municipality–8, Nuwakot, with essential medical supplies, where Bhairum Secondary School is currently serving as a mass shelter...

    Posted 1 week 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