onScreen

onScreen is a jQuery plugin to detect whether an element is currently visible on-screen. It adds the :onScreen selector which you can use like so: $("span:onScreen").

Download

Uncompressed (0.7Kb)

jquery.onscreen.js

Minified and gzipped (0.3Kb)

jquery.onscreen.min.js

Example

$(function() {
  setInterval(function() {
    $("h2")                             // get all <h2>s
      .css("background-color", "")      // reset their background colours
      .filter(":onScreen")              // get only <h2>s on screen
        .css("background-color", "red") // give them a red background
  }, 1000)                              // repeat every second
})