Can you please take a look at this Demo and let me know why I am not able to track all boxes on scroll Up ?
As you can see on scroll down I can grab each box which shows up on the view but I am not able to do the same thing on scroll up! and #result just displays the #f Is In Scroll Up on the box even when the #c is in the view
function tracker(elem) {
var elem = $.trim(elem.attr('id'));
elem = "#" + elem;
var start = 0;
var scroolDown = false;
$(window).scroll(function(event) {
var current = $(this).scrollTop();
if (current > start) {
var elemTop = $(elem).offset().top;
var elemBot = $(elem).offset().top + $(elem).height();
var screenBot = $(window).height();
if (($(window).scrollTop() + screenBot) >= elemTop) {
$('.result').text( elem +' Is In Scroll Down')
}
} else {
var elemTop = $(elem).offset().top;
var elemBot = $(elem).offset().top + $(elem).height();
var screenBot = $(window).height();
var currentBot = elemBot - $(window).scrollTop();
if (elemBot - $(window).scrollTop() >= 0) {
$('.result').text( elem +' Is In Scroll Up')
}
}
start = current;
});
}
tracker($('#c'));
tracker($('#f'));