如何从顶部滚动页面一定量的像素后触发事件？ 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