darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-07 18:58:25 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add method for adding a sticky element

Browse Source
This commit is contained in:
Tom Byers
2019-01-07 16:51:28 +00:00
parent 05c7b685ab
commit 7b3ac55103
1 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/assets/javascripts/stick-to-window-when-scrolling.js
View File

@@ -188,24 +188,38 @@
Sticky.prototype.allElementsLoaded = function (totalEls) { Sticky.prototype.allElementsLoaded = function (totalEls) {
return this._els.length === totalEls; return this._els.length === totalEls;
}; };
Sticky.prototype.add = function (el, setPositions, cb) {
var self = this;
var $el = $(el);
var elObj = new StickyElement($el, self);
self.setElementDimensions(elObj, function () {
self._els.push(elObj);
if (setPositions) {
self.setElementPositions();
}
if (cb !== undefined) {
cb();
}
});
};
Sticky.prototype.init = function () { Sticky.prototype.init = function () {
var self = this; var self = this;
var $els = $(self.CSS_SELECTOR); var $els = $(self.CSS_SELECTOR);
var numOfEls = $els.length; var numOfEls = $els.length;
var onAllLoaded = function () {
if (self._els.length === numOfEls) {
self._elsLoaded = true;
// set positions based on initial scroll position
self.setElementPositions();
}
};
if (numOfEls > 0) { if (numOfEls > 0) {
$els.each(function (i, el) { $els.each(function (i, el) {
var $el = $(el); // delay setting position until all stickys are loaded
var elObj = new StickyElement($el, self); self.add(el, false, onAllLoaded);
self.setElementDimensions(elObj, function () {
self._els.push(elObj);
// set positions based on initial scroll positionu
if (self._els.length === numOfEls) {
self._elsLoaded = true;
self.setElementPositions();
}
});
}); });
// flag when scrolling takes place and check (and re-position) sticky elements relative to // flag when scrolling takes place and check (and re-position) sticky elements relative to