I want to show a fade effect as soon as the element appears on screen. There is a lot of content before this element so if I trigger the efect on document.ready, at certain resolutions the vistors wont´t see it.
Is it possible to trigger an event when, after scrolling down, the element becomes visible? I am almost sure I have seen this effect before, but have no idea how to achieve it.
Thank you!
jQuery Waypoints plugin could be useful. It provides a way to trigger an action when an element becomes visible on the screen.
For instance:
$('.entry').waypoint(function() { alert('The element has appeared on the screen.'); });
There are some examples on the site of the plugin.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With