Ting Chan / palertx_web

Blame view

assets/plugins/waypoints/shortcuts/inview.js 2.74 KB
edit raw normal view history
cf76164e6   Ting Chan   20190709 
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
 
  /*!
  Waypoints Inview Shortcut - 4.0.0
  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.element = this.options.element
      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({
        context: this.options.context,
        element: this.options.element,
        enabled: this.options.enabled,
        handler: (function(config) {
          return function(direction) {
            self.options[config[direction]].call(self, 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.prototype.disable = function() {
      for (var i = 0, end = this.waypoints.length; i < end; i++) {
        this.waypoints[i].disable()
      }
    }
  
    Inview.prototype.enable = function() {
      for (var i = 0, end = this.waypoints.length; i < end; i++) {
        this.waypoints[i].enable()
      }
    }
  
    Inview.defaults = {
      context: window,
      enabled: true,
      enter: noop,
      entered: noop,
      exit: noop,
      exited: noop
    }
  
    Waypoint.Inview = Inview
  }())
  ;