Answered by : funny-fox-a2h1wgp9upa6

$(window).on("scroll", function(){ if($(window).scrollTop() + $(window).height() - 100 >= $(".target").offset().top){ alert("On viewport"); }
})

Source : https://stackoverflow.com/questions/47119900/start-animation-when-scrolling-to-specific-element-jquery | Last Update : Sun, 23 Aug 20

Answered by : funny-fox-a2h1wgp9upa6

body{ padding-top: 150vh;
}
.target{ background: red; width: 100%; height: 50px; margin-bottom: 500px;
}

Source : https://stackoverflow.com/questions/47119900/start-animation-when-scrolling-to-specific-element-jquery | Last Update : Sun, 23 Aug 20

Answered by : funny-fox-a2h1wgp9upa6

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="target">
</div>

Source : https://stackoverflow.com/questions/47119900/start-animation-when-scrolling-to-specific-element-jquery | Last Update : Sun, 23 Aug 20