问题标签 [amp-animation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
504 浏览

html - amp-animation onload 运行关键帧

我试图仅在用户向上滚动时显示标题,为此,我设法在用户开始滚动后让它工作。

但是,由于 amp 的on="enter..."操作,标题会显示在加载时间事件上。我试图找到一种基于另一个元素的位置来隐藏它的方法,但我无法让它与 amp 上可用的功能一起使用,这些功能似乎只是诸如此类的东西height, width......这不是我想要的。

  • 我想显示header基于.spacer元素的 Y 位置。

到目前为止,这是我能想到的:

我不想在onload活动结束后看到标题。目前它在页面加载后显示以下内容:

在此处输入图像描述

如您所见,标题覆盖在后面。

  • 我不想看到加载时间的标题。

非常感谢任何帮助或指出我正确的方向。

0 投票
1 回答
65 浏览

amp-html - 如何寻找特定时间然后开始动画?(去玩)

是否可以在点击文本后跳转到特定时间并开始播放动画?

0 投票
0 回答
56 浏览

amp-html - 是否可以在 AMP 中执行条件处理程序?

我只需要使用 amp-animation 来显示/隐藏菜单。我创建了两个不同的 amp-animationsshowMenuhideMenu. 我的第一次尝试是做类似的事情

这不起作用,因为显然您不能将条件逻辑放在顶层但可以在内部setState运行。有什么我可以做的吗?

0 投票
1 回答
156 浏览

html - AMP 中的替代文字

我想让一行文本快速淡入,保持约 5 秒,快速淡出,然后让另一行文本快速淡入,停留约 5 秒,快速淡出,然后重复此操作在AMP中无限。最好的方法是什么?以下是我所遇到的不起作用的情况:我在想 AMP-Animation 可能是实现这一目标的最佳方式,但页面上什么也没有发生,我什至还没有让每个淡入淡出和持续 5 秒。

这里的想法是使用具有相反交替可见性的表格行:可见可见性:折叠动画,因为我希望每一行文本出现在同一个位置。所以我有 2 个表格行,里面有文本,每个行在可见 5 秒和折叠 5 秒之间交替相对。对观众来说,希望它看起来就像一行文本,两个句子交替出现。样板文件等已正确编码(它作为有效的 AMP 页面传递),但我没有在此处包含标题代码以节省空间。

0 投票
0 回答
52 浏览

amp-html - 通过位置观察器为 amp-img 设置动画:剪辑路径失败...我是不是很笨?

html 工作者。

我正在为 amp-html 动画而苦苦挣扎。

我想在 amp-img 进入视口时为其设置动画。到目前为止,一切都很好。我们已经做到了。然而:尽管在文档中被引用为工作:这不起作用。帕格代码:

图像(在 Pug 中)

amp-img 本身显示得非常好并且正在转换。只是裁剪动画不起作用。你们中有人成功做到了吗?

任何关于我愚蠢的暗示都会有所帮助。任何关于解决方案的提示都会更好。

干杯,米