react-sticky-state
Version:
React StickyState Component makes native position:sticky statefull and polyfills the missing sticky browser feature
55 lines (42 loc) • 1.94 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var _canSticky = null;
var Can = function () {
function Can() {
_classCallCheck(this, Can);
}
_createClass(Can, null, [{
key: 'sticky',
get: function get() {
if (_canSticky !== null) {
return _canSticky;
}
if (typeof window !== 'undefined') {
if (window.Modernizr && window.Modernizr.hasOwnProperty('csspositionsticky')) {
return _canSticky = window.Modernizr.csspositionsticky;
}
var documentFragment = document.documentElement;
var testEl = document.createElement('div');
documentFragment.appendChild(testEl);
var prefixedSticky = ['sticky', '-webkit-sticky'];
_canSticky = false;
for (var i = 0; i < prefixedSticky.length; i++) {
testEl.style.position = prefixedSticky[i];
_canSticky = !!window.getComputedStyle(testEl).position.match('sticky');
if (_canSticky) {
break;
}
}
documentFragment.removeChild(testEl);
}
return _canSticky;
}
}]);
return Can;
}();
exports.default = Can;
module.exports = exports['default'];