jquery code for elements that appear at a specified location when the page scrolls to a certain position

The current element is displayed at the top of the current visible window to the top of the page + the height of the visible page > The absolute height of the element + the height of the element itself.

The element that appears in the specified position when the page scrolls to a certain position!

Replace $ (". timeline.animated. Timeline-row") with the specified selector!

(function () {
$ (document). Ready (function () {
var timelineanimate;
Timelineanimate = function (elem) {
Return $ (". timeline.animated. Timeline-row"). each (function (i) {
var bottom_of_object, Bottom_of_window;
Bottom_of_object = $ (this). Position (). Top + $ (this). Outerheight ();
Bottom_of_window = $ (window). scrolltop () + $ (window). Height ();
if (Bottom_of_window > Bottom_of_object) {
return $ (this). AddClass ("active");
}
if (Bottom_of_window < $ (this). Position (). Top) {
return $ (this). Removeclass ("active");
}
});
};
Timelineanimate ();
return $ (window). Scroll (function () {
return Timelineanimate ();
});
});

}). Call (this);

jquery code for elements that appear at a specified location when the page scrolls to a certain position