加速移动页面（AMP）：在窗口上滚动使用javascript获取当前视口的顶部位置

我正在加速移动页面（AMP）上工作。在这里，在窗口滚动上，我想得到当前滚动视口的顶部位置

我尝试了以下解决方案：

 window.addEventListener('scroll', function() {
   let ele = document.getElementById('amp-main-container');;
   console.log(ele.top)
 });

或

amp主容器是结构的父文件夹 console.log在滚动条上打印未定义的内容

我也尝试过：

 window.addEventListener('scroll', function() {
   let ele = document.getElementById('amp-main-container');
   var viewportOffset = ele.getBoundingClientRect();
    console.log(viewportOffset.top)
 });

上面的解决方案显示ele.getBoundingClientRect不是一个函数错误

---

我需要在AMP on scroll中找到视口scrollTop的位置。谢谢。

您是否阅读了此页：@JayGray，正如我所见，getBoundingClientRect（）应被称为getBoundingClientRecatSync（），它返回一个承诺，需要时间才能解决。我需要在scroll上显示视口顶部位置，因为我必须在scroll上执行一些操作。我只想找到是否存在可以在scroll上找到元素位置和视口顶部位置的位置。您是否愿意滚动到#id（其中#id可以是视口中的特定位置）？@JayGray我有一个id，它是所有html结构的主要父级。在滚动时，我需要视口的顶部位置示例我在页面顶部，然后我的位置是0，如果我滚动一点，我的顶部位置是100px，同时我还需要一个元素位置。您是否阅读了此页面：@JayGray，正如我所见，getBoundingClientRect（）应被称为GetBoundingClientRecatSync（）它返回的承诺需要时间来解决。我需要在scroll上显示视口顶部位置，因为我必须在scroll上执行一些操作。我只想找到是否存在可以在scroll上找到元素位置和视口顶部位置的位置。您是否愿意滚动到#id（其中#id可以是视口中的特定位置）？@JayGray我有一个id，它是所有html结构的主要父级。在滚动时，我需要视口的顶部位置示例我在页面顶部，然后我的位置是0，如果我滚动一点，我的顶部位置是100px，同时我还需要一个元素位置。

 window.addEventListener('scroll', function() {
   let ele = document.getElementById('amp-main-container');
   var viewportOffset = ele.getBoundingClientRect();
    console.log(viewportOffset.top)
 });