Make the website nav header's hysteresis a bit more robust

In particular, this prevents the nav header from reappearing all the
time while scrolling down on Firefox.
This commit is contained in:
Sébastien Lerique 2017-02-08 15:08:33 +01:00
parent 8ac741c217
commit e1f87858ad

View File

@ -14,7 +14,7 @@
const updateNav = () => { const updateNav = () => {
const vh = updateVh() const vh = updateVh()
const newScrollY = (window.pageYOffset || document.scrollTop) - (document.clientTop || 0) const newScrollY = (window.pageYOffset || document.scrollTop) - (document.clientTop || 0)
scrollUp = newScrollY <= scrollY if (newScrollY != scrollY) scrollUp = newScrollY <= scrollY
scrollY = newScrollY scrollY = newScrollY
if(scrollUp && !(isNaN(scrollY) || scrollY <= vh)) nav.classList.add(fixedClass) if(scrollUp && !(isNaN(scrollY) || scrollY <= vh)) nav.classList.add(fixedClass)