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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
| /*!
| Waypoints Inview Shortcut - 3.1.1
| Copyright © 2011-2015 Caleb Troughton
| Licensed under the MIT license.
| https://github.com/imakewebthings/waypoints/blog/master/licenses.txt
| */
| (function() {
| 'use strict'
|
| function noop() {}
|
| var Waypoint = window.Waypoint
|
| /* http://imakewebthings.com/waypoints/shortcuts/inview */
| function Inview(options) {
| this.options = Waypoint.Adapter.extend({}, Inview.defaults, options)
| this.axis = this.options.horizontal ? 'horizontal' : 'vertical'
| this.waypoints = []
| this.createWaypoints()
| }
|
| /* Private */
| Inview.prototype.createWaypoints = function() {
| var configs = {
| vertical: [{
| down: 'enter',
| up: 'exited',
| offset: '100%'
| }, {
| down: 'entered',
| up: 'exit',
| offset: 'bottom-in-view'
| }, {
| down: 'exit',
| up: 'entered',
| offset: 0
| }, {
| down: 'exited',
| up: 'enter',
| offset: function() {
| return -this.adapter.outerHeight()
| }
| }],
| horizontal: [{
| right: 'enter',
| left: 'exited',
| offset: '100%'
| }, {
| right: 'entered',
| left: 'exit',
| offset: 'right-in-view'
| }, {
| right: 'exit',
| left: 'entered',
| offset: 0
| }, {
| right: 'exited',
| left: 'enter',
| offset: function() {
| return -this.adapter.outerWidth()
| }
| }]
| }
|
| for (var i = 0, end = configs[this.axis].length; i < end; i++) {
| var config = configs[this.axis][i]
| this.createWaypoint(config)
| }
| }
|
| /* Private */
| Inview.prototype.createWaypoint = function(config) {
| var self = this
| this.waypoints.push(new Waypoint({
| element: this.options.element,
| handler: (function(config) {
| return function(direction) {
| self.options[config[direction]].call(this, direction)
| }
| }(config)),
| offset: config.offset,
| horizontal: this.options.horizontal
| }))
| }
|
| /* Public */
| Inview.prototype.destroy = function() {
| for (var i = 0, end = this.waypoints.length; i < end; i++) {
| this.waypoints[i].destroy()
| }
| this.waypoints = []
| }
|
| Inview.defaults = {
| enter: noop,
| entered: noop,
| exit: noop,
| exited: noop
| }
|
| Waypoint.Inview = Inview
| }())
| ;
|
|
