我正在开发响应式网站。当用户看到需要自动播放的视频部分时,我们需要。如果为视频标签设置滚动顶部不起作用。但我将 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
将获得 window scroll
距离,而不是到元素的距离。只需使用这个:
$('#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!');
}
});
关于html - 如何找到div的滚动顶部值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36029058/