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

Question

我需要检测（在jquery中）是否有标记：

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

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

。

Answer 1

由于您对jquery-plugins进行了评分，您可以尝试查看此插件。

jquery-appear

Answer 2

基本上你需要这个：

<强> 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();  
});

Answer 3

你也可以试试jQuery Waypoints插件：http://imakewebthings.com/jquery-waypoints/