如何从顶部滚动页面一定量的像素后触发事件？ Javascript或Jquery

Question

当我从顶部滚动页面300px时，我试图触发视频。 如果我滚动，这是有效的

window.onscroll = function(event) {
myvideo.play();
}

但是一旦我滚动300px，我希望它能够播放

Answer 1

你可以检查$(document).scrollTop()

尝试：

 $(document).bind("scroll", function(){    
    if ($(document).scrollTop() >= 300) {
       myvideo.play();
    }
});

编辑

因为我们不想在播放视频后每次将像素滚动超过300时播放电影，所以您可以取消绑定事件

$(document).bind("scroll.myScroll", function(){    
    if ($(document).scrollTop() >= 300) {
        myvideo.play();
        $(document).unbind('.myScroll');
    }
});

DEMO