UNPKG

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
'use strict'; 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'];