Исчезающий текст не исчезает при прокрутке вниз

Question

Я пытаюсь заставить текст постепенно исчезать, когда вы прокручиваете его и исчезаете, когда он приближается к верхней части экрана. У меня это исчезает, но не исчезает.

Я пытался поменять формулу, но это повлияло только на появление. Вот демонстрация постепенного появления

$(document).ready(function() {
  var faders = document.getElementsByClassName("fader");
  $(window).scroll(function() {
    if ($(this).scrollTop() > 0) {
      document.getElementsByClassName("fader")[0].style.opacity = 0;
    } else {
      document.getElementsByClassName("fader")[0].style.opacity = 1;
    }
    let bounding = $(window).scrollTop() - $(window).height() * 0.5;
    let twentyPer = $(window).height() * 0.2;
    let boundingEle = document.getElementsByClassName("divider")[0].getBoundingClientRect();
    if (boundingEle.top < bounding) {
      if (boundingEle.bottom > bounding || document.getElementsByClassName("fader")[1].scrollTop) {
        document.getElementsByClassName("fader")[1].style.opacity = 0;
      } else {
        document.getElementsByClassName("fader")[1].style.opacity = 1;
      }
    }
    bounding -= $(window).height();
    boundingEle = document.getElementsByClassName("divider")[1].getBoundingClientRect();
    if (boundingEle.top < bounding) {
      if (boundingEle.bottom > bounding || document.getElementsByClassName("fader")[2].scrollTop) {
        document.getElementsByClassName("fader")[2].style.opacity = 0;
      } else {
        document.getElementsByClassName("fader")[2].style.opacity = 1;
      }
    }
  });
});

Он должен исчезать, когда текст достигает вершины, но, как вы можете видеть в демоверсии 1009 *, он вообще не исчезает.