Fix behaviour of auto-hide header (#78)

Fixed #76: 
On mobile environment (iOS Safari), when the page scrolls to the top then bounce back, the header (bottom bar) turns to hide unexpectedly. Fixed it by forcing `currentScrollPosition` not a negative value.

1 files changed, 1 insertions, 1 deletions

diff --git a/assets/js/main.js b/assets/js/main.js
index 5f0a47c..d18cbaa 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -34,7 +34,7 @@ let header = document.getElementById('site-header');
 let lastScrollPosition = window.pageYOffset;
 
 const autoHideHeader = () => {
-  let currentScrollPosition = window.pageYOffset;
+  let currentScrollPosition = Math.max(window.pageYOffset, 0);
   if (currentScrollPosition > lastScrollPosition) {
     header.classList.remove('slideInUp');
     header.classList.add('slideOutDown');