javascript - 如何在我从顶部滚动一定数量的像素后触发事件？ Javascript 或 Jquery

Question

我试图在从顶部滚动 300 像素的页面时触发视频。如果我滚动，这会起作用

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

但我希望它在滚动 300px 后播放

Answer 1

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

尝试:

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

编辑

因为我们不希望在播放视频后每次滚动超过 300 像素时播放电影您可以取消绑定(bind)该事件

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

DEMO