lightweight jQuery plugin to detect if something is in view or not. minified is ~241 bytes.

usage :

  • requires jQuery
  • include/require after jQuery
  • attatch to elements on whatever event with optional padding
    • *padding is for when something is to be considered in-view
    • defaults to 1 window height.
  • returns boolean
  • i.e. $(window).on('scroll', function(){ if($('.element').inView(0)) { ... do something ... }});
  • note: onscroll runs a lot - probably better to setInterval and whatnot on scroll ...

check out the demo for pickyImg - which uses inView to determine when to load the images.