return-home-button.js 438 B

123456789101112
  1. buttonHome = document.querySelector("#floating-action-button")
  2. buttonHome.setAttribute("data-state", "floating")
  3. window.onscroll = function (event) {
  4. let contentHeight = document.querySelector("body").offsetHeight
  5. console.log(window.scrollY)
  6. if (window.scrollY + window.innerHeight >= contentHeight)
  7. buttonHome.setAttribute("data-state", "docked")
  8. else
  9. buttonHome.setAttribute("data-state", "floating")
  10. }