需要使用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
使用amp-fx-collection的float-in属性,有一种非常简单的方法。
将所需的<amp-fx-collection>
脚本添加到页面的开头: