JQUERY - Check if element is in view

gistfile1.coffee

# * Add jquery support for checking if an element is in view

$.fn.inView = () ->
    $win = $(window)

    viewport = {
        top: $win.scrollTop()
        left: $win.scrollLeft()
    }

    # No jQuery
    # doc = document.documentElement
    # left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0)
    # top = (window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0)
    
    viewport.right = viewport.left + $win.width()
    viewport.bottom = viewport.top + $win.height()

    bounds = this.offset()


    if not bounds
        return false

    bounds.right = bounds.left + this.outerWidth()
    bounds.bottom = bounds.top + this.outerHeight()

    return viewport.right > bounds.right and viewport.bottom > bounds.bottom