Как решить проблему с верхним плавающим нав-баром в Safari на iOS?

Question

[Biff]

На маленьких экранах показывается верхний фиксированный навигационный бар, который скрывается при прокрутке страницы вниз и показывается при прокрутке страницы вверх.
В браузере Safari на последних айфонах почему-то при достижении самого верха страницы навигационный бар улетает за пределы окна браузера.
Полагаю, что нужно добавить условие в JS, чтобы при достижении верха страницы нав-бар всегда показывался.
Может есть другие методы исправить проблему?

JS-код нав-бара:

$(document).ready(function() {
	// Переменные
	var topbar = $('#nav-head');

	// Скрытие верхнего нав-бара при прокрутке
	(function() {
		const topbar_breakpoint = 998;
		let prev_Y = window.scrollY;
		$(document).on('scroll', function(e) {
			if (window.innerWidth > topbar_breakpoint) {
				return;
			}
			if (window.scrollY > prev_Y) {
				topbar.css('transform', 'translateY(-100%)');
			} else {
				topbar.css('transform', '');
			}
			prev_Y = window.scrollY
		});
	})();