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

Answer 2

由於您使用jquery-plugins，您可以試試看這個插件。

jquery-appear

Answer 3

您也可以嘗試jQuery的航點插件：http://imakewebthings.com/jquery-waypoints/