javascript - Jquery检查向下滚动时是否到达页面上的标记

Question

我需要检测(在 jquery 中)是否有标记:

<div id="marker"></div>

在网页上向下滚动时到达/点击。

Answer 1

基本上你需要这个:

DEMO

function onScreen(){
  var markerPos = $('#marker').offset().top;
  var winScroll = $(document).scrollTop();
  var winH      = $(window).height();

  if( winScroll+winH >= markerPos){
    console.log('VISIBLE!');
  } 
}

$(window).on('scroll resize',function(){ 
    onScreen();  
});