above-the-top is reporting same results as :in-viewport

[SeanGriffin]

I have a page with three dom elements spread from top to bottom, none are visible on page load. Once element 1 enters into the viewport, both :in-viewport and :above-the-top report that element as one of theirs.

$(window).bind('scroll', function(event){
var videoInView = $('video:in-viewport').attr('id');
console.log('IN VIEWPORT = ' + videoInView);
var videoAboveTop = $('video:above-the-top').attr('id');
console.log('ABOVE THE TOP = ' + videoAboveTop);
var videoBelowFold = $('video:below-the-fold').attr('id');
console.log('BELOW THE FOLD = ' + videoBelowFold);
});

console shows

IN VIEWPORT = video1
ABOVE THE TOP = video1
BELOW THE FOLD = video2