AMP页面阅读进度仅供参考

Question

我在this pen的AMP页面上找到了读取进度的示例

代码

<amp-position-observer
  intersection-ratios="0"
  viewport-margins=100vh
  on="scroll:pogressAnimation.seekTo(percent=event.percent)"
  layout="nodisplay"
></amp-position-observer>

使用100vh进行计算是不正确的，因为在实际网站中，我们具有页眉，侧边栏，页脚和其他一些元素，这会使网站的高度变长。

我想要的只是计算<article>标签或元素id的高度内容，然后使用<progress>元素或<amp-position-observer>进行触发。

感谢您的帮助！