Блог

Я борюсь с проблемой прокрутки в мобильных браузерах как на iOS, так и на Android. Ожидаемое поведение — это исчезновение или сворачивание верхней панели браузера, как только я начинаю прокручивать страницу вниз, проводя пальцем вверх.

К сожалению, поведение панели браузера полностью отличается, когда прокрутка выполняется не вручную, а при нажатии на ссылку, предназначенную для привязки. В то время как страница прокручивается до привязки, как и ожидалось, со строкой браузера вообще ничего не происходит. Пока я не провожу пальцем, панель остается на месте без каких-либо изменений.

Я попробовал несколько настроек в meta / vieport и javascript, подобных этому, но безуспешно:

 window.addEventListener("load",function() {
    setTimeout(function(){
        window.scrollTo(0, 1);
    }, 0);
});
  

Как я могу заставить браузер вести себя одинаково, независимо от того, выполняю ли я прокрутку с помощью салфетки или щелчка? Я вполне могу смириться с различиями между браузерами, но был бы очень признателен, если бы один и тот же браузер всегда действовал одинаково в обеих ситуациях.

Спасибо за любую подсказку

Ральф