[英]How to trigger event after i scroll a page certain amount in pixels from the top? Javascript or Jquery
I am trying to trigger a video when I scroll a page 300px from the top. 当我从顶部滚动页面300px时,我试图触发视频。 This works if I scroll
如果我滚动,这是有效的
window.onscroll = function(event) {
myvideo.play();
}
but I would like it to play once I scroll 300px 但是一旦我滚动300px,我希望它能够播放
You can check $(document).scrollTop()
你可以检查
$(document).scrollTop()
Try: 尝试:
$(document).bind("scroll", function(){
if ($(document).scrollTop() >= 300) {
myvideo.play();
}
});
EDIT 编辑
Because We dont want the movie to play every time they scroll a pixel beyond 300 after the video is played you can unbind the event 因为我们不想在播放视频后每次将像素滚动超过300时播放电影,所以您可以取消绑定事件
$(document).bind("scroll.myScroll", function(){
if ($(document).scrollTop() >= 300) {
myvideo.play();
$(document).unbind('.myScroll');
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.