Требуется помощь от людей, работающих в Google-AMP. Я пытаюсь скрыть панель навигации при прокрутке вниз. и если во время прокрутки покажите это снова. Я пытаюсь скрыть заголовок
<nav id="navToHide">Nvabar</nav>
Код анимации AMP мой снимок:
<amp-animation id="hideNav" layout="nodisplay">
<script type="application/json">
{
"duration": "200ms",
"fill": "forwards",
"iterations": "1",
"direction": "alternate",
"animations": [{
"selector": "#navToHide",
"keyframes": [{
"transform": "translateY(-180px)"
}]
}]
}
</script>
</amp-animation>
Код наблюдателя позиции AMP:
<amp-position-observer on="enter:select-item1.start" layout="nodisplay"></amp-position-observer>
Я хочу сделать что-то подобноечтобы навбар скрыть при прокрутке. Как этот пример ниже. https://www.w3schools.com/howto/howto_js_navbar_hide_scroll.asp
Я пытаюсь избежать JavaScript