darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-22 08:58:46 -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) {
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 () {
var self = this;
var $els = $(self.CSS_SELECTOR);
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) {
$els.each(function (i, el) {
var $el = $(el);
var elObj = new StickyElement($el, self);
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();
}
});
// delay setting position until all stickys are loaded
self.add(el, false, onAllLoaded);
});
// flag when scrolling takes place and check (and re-position) sticky elements relative to