const elem = document.getElementById('last_elem');

document.addEventListener('scroll', function() {
  const posTop = document.querySelectorAll(".content_nav_list").forEach(e => {
    e.getBoundingClientRect().top;
  })
  
  // Блок достиг верхней границы экрана (или выше)
  document.querySelectorAll(".content_nav_list").forEach(e => {
    e.classList.add('content_nav_fixed', posTop <= 0);
  })
  
  // Блок только появляется снизу (или выше)
  // elem.classList.toggle('visible', posTop < window.innerHeight);
  
  // Блок целиком находится в видимой зоне
  // document.querySelector(".content_nav_list").classList.toggle('content_nav_fixed', posTop + elem.clientHeight <= window.innerHeight && posTop >= 0);
});

