Html 如何查找div的滚动顶部值

我在响应网站上工作。我们需要当用户看到需要自动播放的视频部分时。如果设置视频标签的滚动顶部不起作用。但我把scrolltop设置到了窗口，它工作正常

<video id="test">
</video>

<script>
$(document).ready(function () {
   $(window).scroll(function () {
      var js=$('#test-28').scrollTop();
        console.log(js);
      });
   });
</script>

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
var js=$（'#test-28'）。scrollTop（）；
console.log（js）；
});
});

它总是显示0

任何人都知道如何解决这个问题，你需要使用

offest（）.top

来获得到达

video

元素的距离<代码>滚动顶部将获得

窗口滚动

距离，而不是到元素的距离。只要用这个：

$('#test').offset().top

   $(window).scroll(function () {
      var scrollTop = $(window).scrollTop();
       var scrollToVid = $('#test').offset().top
        console.log(scrollTop);
        console.log(scrollToVid);

        if ($(window).scrollTop() >= scrollToVid) {
        alert('You reached to the video!');
        }
      });

你也可以使用

document.body.scrollTop+元素.getBoundingClientRect（）.top

document.body.scrollTop

是已从视口中滚出的文档的偏移量

Element.getBoundingClientRect（）.top

是元素到视口顶部的偏移量