JavaScript
Article
By Sam Deering

jquery get elements currently in view

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

Here are some options using javascript and jquery to get elements currently in view (visible on screen). The appear plugin works very well.

function isScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom >= docViewTop) && (elemTop appear plugin: http://code.google.com/p/jquery-appear/

[js]
$('#foo').appear(function() {
  $(this).text('Hello world');
});

waypoints plugin: http://imakewebthings.github.com/jquery-waypoints/

--ADVERTISEMENT--

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?