kobel/static/js/scroll.js

window.addEventListener("scroll", () => {
  var height = document.documentElement.scrollHeight;
  if ((height / window.screen.availHeight ) > 1.5) {
    var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
    height = height - document.documentElement.clientHeight;
    var scrolled = (winScroll / height) * 100;
    document.getElementById('progress').style.width = scrolled + "%";

    const toTop = document.getElementById('totop');

    if ((window.scrollY > 0 && !toTop.classList.contains("show")) || (window.scrollY <= 0 && toTop.classList.contains("show"))) {
      toTop.classList.toggle("show");
    }
  }
});