{"_id":"@512ks/ngsticky","_rev":"2-5e94cbc4445e0b07259946c3ea13ade0","name":"@512ks/ngsticky","dist-tags":{"latest":"1.8.13"},"versions":{"1.8.13":{"name":"@512ks/ngsticky","version":"1.8.13","homepage":"https://github.com/d-oliveros/ngSticky","authors":["David Oliveros <dato.oliveros@gmail.com>"],"private":false,"description":"A simple, pure javascript (No jQuery required!) AngularJS directive to make elements stick when scrolling down.","main":"lib/sticky.js","dependencies":{"angular":"^1.2.0"},"repository":{"type":"git","url":"git+ssh://git@github.com/d-oliveros/ngSticky.git"},"keywords":["angularjs","angular","sticky","fixed","position","angular sticky","stick windows","stick","layout"],"license":"MIT","ignore":["**/.*","node_modules","bower_components","test","tests"],"engines":{"node":">=0.10","npm":">=1.1.59"},"scripts":{"examples":"http-server","build":"uglifyjs --compress -o dist/sticky.min.js -- lib/sticky.js"},"devDependencies":{"http-server":"^0.9.0","uglify-js":"^2.6.2"},"bugs":{"url":"https://github.com/d-oliveros/ngSticky/issues"},"_id":"@512ks/ngsticky@1.8.13","_shasum":"188b6e15d2ad1e59516ee3b77b264c7eaf28ecfc","_from":".","_npmVersion":"4.1.2","_nodeVersion":"10.1.0","_npmUser":{"name":"512ks-npm","email":"512ks-npm@kyee.com.cn"},"dist":{"shasum":"188b6e15d2ad1e59516ee3b77b264c7eaf28ecfc","tarball":"https://registry.npmjs.org/@512ks/ngsticky/-/ngsticky-1.8.13.tgz","fileCount":16,"unpackedSize":66173,"integrity":"sha512-VWquZGeAZR7gnIc2r6IL3qduvgAjUq8189RXg6H0OgvKtOlw+l0MzZ1g0O5ZRViQ/WyAq8GA50I+fXVE48SpEA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzYUcs/V/JYRNrnfcE02B8tEc4PnqsLCCv1LpO5CEVlQIhAOHYdLm9Dp2U5koXR4JVJmIUOK1AtxlR+4cXOfkeT/8u"}]},"maintainers":[{"name":"512ks-npm","email":"512ks-npm@kyee.com.cn"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngsticky_1.8.13_1532510092015_0.5672619970889798"},"_hasShrinkwrap":false}},"time":{"created":"2018-07-25T09:14:51.798Z","1.8.13":"2018-07-25T09:14:52.101Z","modified":"2022-06-12T14:11:22.968Z"},"maintainers":[{"name":"512ks-npm","email":"512ks-npm@kyee.com.cn"}],"description":"A simple, pure javascript (No jQuery required!) AngularJS directive to make elements stick when scrolling down.","homepage":"https://github.com/d-oliveros/ngSticky","keywords":["angularjs","angular","sticky","fixed","position","angular sticky","stick windows","stick","layout"],"repository":{"type":"git","url":"git+ssh://git@github.com/d-oliveros/ngSticky.git"},"bugs":{"url":"https://github.com/d-oliveros/ngSticky/issues"},"license":"MIT","readme":"Angular Sticky\n==============\n\nA simple, pure javascript (No jQuery required!) AngularJS directive to make elements stick when scrolling down.\n\n### Features\n\n  * Allows use of an offset so elements can be stuck to eg. 50px from the top of the browser\n  * Recalculates element position on page load and on window resize\n  * Clean: No external CSS or jQuery required, and it only adds the classes you specify.\n\n\n### Bower\n\nInstall with bower:\n\n```bash\nbower install ngSticky\n```\n\n\n### Usage\n\nInclude the .js file in your page then enable usage of the directive by including the \"sticky\" module\nas a dependency. Use the directive as follows:\n\n    <div sticky> Hey there! </div>\n\nTo toggle the element stickiness you can bind with scope using the disabled-sticky (ng-model) as follows `{{ disabled = true }}`:\n\n    <div sticky disabled-sticky=\"disabled\"> I won't stick! </div>\n    <div sticky disabled-sticky=\"!disabled\"> I will stick! </div>\n\nTo make the element stick within a certain offset of the top of the screen, you can provide an offset as follows:\n\n    <div sticky offset=\"100\"> I won't touch the top of your screen! </div>\n\nBy default the element will be replaced with a place holder to prevent DOM resizing.  This can be disabled as follows:\n\n    <div sticky use-placeholder=\"false\">I won't be replaced!</div>\n\nIf you want to customize the style while the element is sticky, we have an api for you too:\n\n    <div sticky offset=\"100\" sticky-class=\"imSoSticky\"> Taste my glue! </div>\n\nAnd if you want to customize the body style while the element is sticky:\n\n    <div sticky offset=\"100\" body-class=\"somethingIsSticky\"> Taste my glue! </div>\n\nAnd if you want to add in a class when the element is confined and bottomed out:\n\n    <div sticky offset=\"100\" bottom-class=\"cantGoAnyFurther\"> Taste my glue! </div>\n\nIt's also possible to set styles specifically for non sticky element:\n\n    <div sticky unsticky-class=\"container--unsticky\"></div>\n\nIn order to enable sticky based on a media query:\n\n    <div sticky media-query=\"min-width: 768px\"> Won't be sticky on small screens! </div>\n\nIf you want the sticky element to be scrollable only if it's smaller then the window inner height then you can set the `stick-limit` attribute:\n\n    <div sticky offset=\"100\" stick-limit=\"true\"> Will stick only if the element isn't bigger then the view</div>\n\nAnd if you want to confine an element to its parent, and let it 'bottom out', just add the `confine` attribute:\n\n    <div sticky offset=\"100\" confine=\"true\"> Will unstick and stick to bottom of parent element</div>\n\n> NOTE: The `confine` attribute will automagically assign its parent a `position: relative` style in order to help with absolute positioning relative to the parent.\n\nIf you'd like to use an element's overflow-y instead of the window scrollbar.  You can use the \"sticky-scroll\" element to denote an element styled to handle this.\n\n    <sticky-scroll style=\"overflow-y: scroll;min-height: 1000px;display: block;\">\n      <div sticky>Will stick to element, instead of window scrollbar.</div>\n    </sticky-scroll>\n\n> NOTE: This doesn't work for bottomed out or position absolute elements.\n\n\n### Development\n\nTo start the development server:\n\n```bash\nnpm run examples\n// Then go to localhost:8080\n```\n\nTo create the minified `dist/sticky.min.js` file, run:\n\n```bash\nnpm run build\n```\n\n\nCheers.\n","readmeFilename":"README.md"}