"Show & Hide Navbar on Scroll" issue on moile (iOS Safari)

I’ve just tested the official tutorial “Show & Hide Navbar on Scroll”:

https://preview.webflow.com/preview/show-hide-navbar-on-scroll?preview=1bbe8714499390845fcd5e4f8871bc23

With this approach, the navigation disappears when I scroll back to top on iOS Safari,
which is very strange behaviour.
(I think the navigation should be shown when the page scroll position is at the top.)
This is because when you scroll back to top on iOS Safari, “Scroll Down” is triggered.

Are there any ways to prevent the issue?

A post was merged into an existing topic: IX2: Scrolling up triggers scroll down animations on Safari + iOS devices