Предотвращение скрытия навигационной панели при прокрутке из-за веб-браузеров Apple "elasti c" - PullRequest
Новая
       29

Предотвращение скрытия навигационной панели при прокрутке из-за веб-браузеров Apple "elasti c"

0 голосов
/ 28 апреля 2020

Я использую некоторые JS, чтобы скрыть панель навигации при прокрутке вниз и показать ее при прокрутке вверх. 

var prevScrollpos = window.pageYOffset;
          window.onscroll = function() {
          var currentScrollPos = window.pageYOffset;
            if (prevScrollpos > currentScrollPos) {
              document.getElementById("navbar").style.top = "0";
            } else {
              document.getElementById("navbar").style.top = "-56px";
            }
            prevScrollpos = currentScrollPos;
          }

Проблема при посещении страницы на моем iPhone и прокрутке до в самой верхней части страницы эффект "elasti c". В результате я нахожусь в самом верху страницы со скрытой панелью навигации. Я думаю, что решение включает в себя что-то вроде 

if currentScrollPos < 0 
    {
    document.getElementById("navbar").style.top = "0"
    }

Есть ли лучший способ сделать это?

...