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

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

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

---

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

由于您标记了

jquery插件

，您可以尝试查看此插件

---

既然您标记了

jquery插件

，您可以试试这个插件

---

基本上你需要这个：

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

---

基本上你需要这个：

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

---

您也可以尝试jQuery Waypoints插件：

您也可以尝试jQuery Waypoints插件：

@ShaneKm我意识到我们也应该检查窗口大小，所以我修改了代码以支持这一点too@ShaneKm我意识到我们也应该检查窗口大小，所以我修改了我的代码来支持它