https://apiserv2.childrenhospital.go.th/assets/f48bc8ba/js/sticky.js?9

1// Sticky Plugin v1.0.4 for jQuery
2// =============
3// Author: Anthony Garand
4// Improvements by German M. Bravo (Kronuz) and Ruud Kamphuis (ruudk)
5// Improvements by Leonardo C. Daronco (daronco)
6// Created: 02/14/2011
7// Date: 07/20/2015
8// Website: http://stickyjs.com/
9// Description: Makes an element on the page stick on the screen as you scroll
10//              It will only set the 'top' and 'position' of your element, you
11//              might need to adjust the width in some cases.
12
13(function (factory) {
14    if (typeof define === 'function' && define.amd) {
15        // AMD. Register as an anonymous module.
16        define(['jquery'], factory);
17    } else if (typeof module === 'object' && module.exports) {
18        // Node/CommonJS
19        module.exports = factory(require('jquery'));
20    } else {
21        // Browser globals
22        factory(jQuery);
23    }
24}(function ($) {
25    var slice = Array.prototype.slice; // save ref to original slice()
26    var splice = Array.prototype.splice; // save ref to original slice()
27
28  var defaults = {
29      topSpacing: 0,
30      bottomSpacing: 0,
31      className: 'is-sticky',
32      wrapperClassName: 'sticky-wrapper',
33      center: false,
34      getWidthFrom: '',
35      widthFromWrapper: true, // works only when .getWidthFrom is empty
36      responsiveWidth: false,
37      zIndex: 'inherit',
38      mobileDisable: false,
39      mobileLimitHeight: 800,
40    },
41    $window = $(window),
42    $document = $(document),
43    sticked = [],
44    windowHeight = $window.height(),
45    scroller = function() {
46      var scrollTop = $window.scrollTop(),
47        documentHeight = $document.height(),
48        dwh = documentHeight - windowHeight,
49        extra = (scrollTop > dwh) ? dwh - scrollTop : 0;
50
51      for (var i = 0, l = sticked.length; i < l; i++) {
52        var s = sticked[i],
53          elementTop = s.stickyWrapper.offset().top,
54          etse = elementTop - s.topSpacing - extra;
55
56        //update height in case of dynamic content
57        s.stickyWrapper.css('height', s.stickyElement.outerHeight());
58
59        if (scrollTop <= etse) {
60          if (s.currentTop !== null) {
61            s.stickyElement
62              .css({
63                'width': '',
64                'position': '',
65                'top': '',
66                'z-index': ''
67              });
68            s.stickyElement.parent().removeClass(s.className);
69            s.stickyElement.trigger('sticky-end', [s]);
70            s.currentTop = null;
71          }
72        }
73        else {
74          var newTop = documentHeight - s.stickyElement.outerHeight()
75            - s.topSpacing - s.bottomSpacing - scrollTop - extra;
76          if (newTop < 0) {
77            newTop = newTop + s.topSpacing;
78          } else {
79            newTop = s.topSpacing;
80          }
81          
82          if(($window.width() >= 768 && $window.height() >= s.mobileLimitHeight) || !s.mobileDisable){//$window.width() >= 768 &&
83              if (s.currentTop !== newTop) {
84                var newWidth;
85                if (s.getWidthFrom) {
86                    padding =  s.stickyElement.innerWidth() - s.stickyElement.width();
87                    newWidth = $(s.getWidthFrom).width() - padding || null;
88                } else if (s.widthFromWrapper) {
89                    newWidth = s.stickyWrapper.width();
90                }
91                if (newWidth == null) {
92                    newWidth = s.stickyElement.width();
93                }
94                s.stickyElement
95                  .css('width', newWidth)
96                  .css('position', 'fixed')
97                  .css('top', newTop);
98                  
99                  s.stickyElement.css('cssText', s.stickyElement.attr('style')+'z-index: ' + s.zIndex + '!important;');
100                  
101                s.stickyElement.parent().addClass(s.className);
102
103                if (s.currentTop === null) {
104                  s.stickyElement.trigger('sticky-start', [s]);
105                } else {
106                  // sticky is started but it have to be repositioned
107                  s.stickyElement.trigger('sticky-update', [s]);
108                }
109
110                if (s.currentTop === s.topSpacing && s.currentTop > newTop || s.currentTop === null && newTop < s.topSpacing) {
111                  // just reached bottom || just started to stick but bottom is already reached
112                  s.stickyElement.trigger('sticky-bottom-reached', [s]);
113                } else if(s.currentTop !== null && newTop === s.topSpacing && s.currentTop < newTop) {
114                  // sticky is started && sticked at topSpacing && overflowing from top just finished
115                  s.stickyElement.trigger('sticky-bottom-unreached', [s]);
116                }
117
118                s.currentTop = newTop;
119              }
120
121              // Check if sticky has reached end of container and stop sticking
122              var stickyWrapperContainer = s.stickyWrapper.parent();
123              var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing);
124
125              if( unstick ) {
126                s.stickyElement
127                  .css('position', 'absolute')
128                  .css('top', '')
129                  .css('bottom', 0)
130                  .css('z-index', '');
131              } else {
132                s.stickyElement
133                  .css('position', 'fixed')
134                  .css('top', newTop)
135                  .css('bottom', '');
136                  s.stickyElement.css('cssText', s.stickyElement.attr('style')+'z-index: ' + s.zIndex + '!important;');
137              }
138          } else {
139              s.stickyElement
140                .css({
141                  'width': '',
142                  'position': '',
143                  'top': '',
144                  'z-index': ''
145                });
146              s.stickyElement.parent().removeClass(s.className);
147              s.stickyElement.trigger('sticky-end', [s]);
148              s.currentTop = null;
149          }
150          
151        }
152      }
153    },
154    resizer = function() {
155      windowHeight = $window.height();
156
157      for (var i = 0, l = sticked.length; i < l; i++) {
158        var s = sticked[i];
159        var newWidth = null;
160        if (s.getWidthFrom) {
161            if (s.responsiveWidth) {
162                newWidth = $(s.getWidthFrom).width();
163            }
164        } else if(s.widthFromWrapper) {
165            newWidth = s.stickyWrapper.width();
166        }
167        if (newWidth != null) {
168            s.stickyElement.css('width', newWidth);
169        }
170      }
171    },
172    methods = {
173      init: function(options) {
174        return this.each(function() {
175          var o = $.extend({}, defaults, options);
176          var stickyElement = $(this);
177
178          var stickyId = stickyElement.attr('id');
179          var wrapperId = stickyId ? stickyId + '-' + defaults.wrapperClassName : defaults.wrapperClassName;