inshide/jquery.inshide.js at master · gueno/inshide · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
/*!
 * insHide jQuery plugin
 * Original author: @guenoz
 */

;(function ( $, window, document, undefined ) {

    var pluginName = 'inshide',
        defaults   = {
            minimum  : 100,
            reset    : false,
            classhin : 'in',
            classhout: 'out',
            classlast: 'lastin'
        };

    $.fn.extend({

        inshide: function(options) {

            var options = $.extend(defaults, options),
                  nbIn = nbOut = 0,
                   mini = ( options.minimum / 100 ) || 1,
                   that = $(this),
                      p = that.parent(),
                 height = p.outerHeight(),
                  width = p.outerWidth(),
                      o = p.offset(),
                   left = o.left,
                    top = o.top,
                    ret = [],
                 passed = firstOutHidden = false,
                 lastIn = -1;

            if (options.reset) {
                options.reset = false;
                return that.children().removeClass(options.classhin + ' ' + options.classhout + ' ' + options.classlast);
            }

            that.children().removeClass(options.classhin + ' ' + options.classhout + ' ' + options.classlast);

            this.each(function() {

                that.children().each(function() {

                    var c = $(this);

                    if(this == document.documentElement)
                        return ret.push(this);

                    var offset = c.offset(),
                        ew = c.outerWidth(),
                        eh = c.outerHeight();

                    res = !(
                           ( offset.top  + ( eh * mini ) > top + height )
                        || ( offset.top  +   eh - ( eh * mini )   < top )
                        || ( offset.left + ( ew * mini ) > left + width )
                        || ( offset.left +   ew - ( ew * mini )  < left )
                    );

                    if(res) {
                        c.addClass(options.classhin);
                        lastIn = that.children().index(c);
                        nbIn++;
                        passed = true;
                    }
                    else {
                        c.addClass(options.classhout);
                        nbOut++;
                        if(!firstOutHidden && passed && offset.top > (top + height) && (offset.top  + ( eh * mini )) < (top + height + eh)) {
                            firstOutHidden = true;
                        }
                    }
                });

            });

            if(firstOutHidden) that.children().eq(lastIn).addClass(options.classlast);

            return [nbIn, nbOut, lastIn, firstOutHidden];

        }

    });

})( jQuery, window, document );