マーカーが次の場合に(jqueryで)検出する必要があります:
<div id="marker"></div>
Webページを下にスクロールしたときに到達/ヒットしました。
マーカーが次の場合に(jqueryで)検出する必要があります:
<div id="marker"></div>
Webページを下にスクロールしたときに到達/ヒットしました。
タグを付けjquery-plugins
たので、このプラグインを見てみてください。
基本的にこれが必要です:
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プラグインを試すこともできます:http://imakewebthings.com/jquery-waypoints/