andy/hermit-V2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix behaviour of auto-hide header (#78)

Browse source 
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.
This commit is contained in:
Akio Taniguchi 2019-06-22 18:27:00 +09:00 • committed by Track3
parent 6cee5adc69
commit c2e02c5dff
3 changed files with 1 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/js/main.js
View file

@ -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');