如何找到div的滚动顶值 [英] How to find scroll top value for div

问题描述

我正在致力于响应式网站。我们需要用户看到需要自动播放的视频片段。如果设置视频标签的滚动顶部不起作用。但我设置了scrolltop窗口它工作正常。

 < video id =test> 
< / video> 
 
< script> 
 $（document）.ready（function（）{
 $（window）.scroll（function（）{
 var js = $（'＃test-28'）。scrollTop（） ; 
 console.log（js）; 
}）; 
}）; 
< / script> 
  

它总是显示0

任何人都知道如何解决此问题

解决方案

您需要使用 offest（）。top 距离达到 video 元素。 scrollTop 将得到窗口滚动距离不到元素的距离。只需使用这个：

$ $ $ $'''code'$（'＃test'）。offset（）。
$ / code>

jsFiddle

  $（window）.scroll（function（）{
 var scrollTop = $（ window）.scrollTop（）; 
 var scrollToVid = $（'＃test'）。offset（）。top 
 console.log（scrollTop）; 
 console.log（scrollToVid）; 
 
 if（$（window）.scrollTop（）> = scrollToVid）{
 alert（'You reach to the video！'）; 
} 
}） ; 
  

I am working on responsive site. We need when a user see video section that's need to autoplay. If set scroll top for video tag is not working. But i set scrolltop to window it's working fine.

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

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

Its always show 0

Anyone know how to slove this

解决方案

You need use offest().top to get distance to reach video element. scrollTop will get window scroll distance not distance to an element. Just use this:

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

jsFiddle

   $(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!');
        }
      });

这篇关于如何找到div的滚动顶值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！