{"_id":"@apatheticwes/parallax","_rev":"3-f36ffdd5f47138cffbbe8fd69284dc5d","name":"@apatheticwes/parallax","description":"A simple parallax object for parallaxin'","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@apatheticwes/parallax","description":"A simple parallax object for parallaxin'","author":{"name":"wes hatch"},"version":"0.1.0","license":"MIT","main":"./dist/parallax.cjs.js","broswer":"./dist/parallax.browser.js","jsnext:main":"./dist/parallax.es6.js","repository":{"type":"git","url":"git+https://github.com/apathetic/parallax.git"},"keywords":["parallax"],"scripts":{"start":"http-server ./ -p 8080 -d","clean":"rm -f dist/*.js*","build":"npm run clean && npm run lint && rollup -c","lint":"eslint src/*.js","test":"#tape -r babel-register test/*.js"},"devDependencies":{"eslint":"^3.1.1","eslint-config-defaults":"^9.0.0","http-server":"^0.9.0","rollup":"^0.34.1","rollup-plugin-buble":"^0.12.1","rollup-plugin-uglify":"^1.0.1","tape":"^4.6.0","uglify-js":"^2.7.0"},"gitHead":"3b0c45fcb10bf27e2e31246239a0d81613e77e8f","bugs":{"url":"https://github.com/apathetic/parallax/issues"},"homepage":"https://github.com/apathetic/parallax#readme","_id":"@apatheticwes/parallax@0.1.0","_shasum":"f50a8d16079838bc5c9aeb3e087ee557b4c27340","_from":".","_npmVersion":"3.10.5","_nodeVersion":"6.2.2","_npmUser":{"name":"apatheticwes","email":"wes.hatch@gmail.com"},"dist":{"shasum":"f50a8d16079838bc5c9aeb3e087ee557b4c27340","tarball":"https://registry.npmjs.org/@apatheticwes/parallax/-/parallax-0.1.0.tgz","integrity":"sha512-WHM71Tt0YP/ofqSatpbSU2eojOkQCdGNinDExAKcwG0mIriPyAh0VTnSREBEdQkRVkDMhI96ZWq1T4VMbjt6EA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuqvtnMK9wybI/n8EmukE0FrpksPEFSl0PPhE+LfzJaAIhALk8Z3CTfzcDGSDOESGIra9bXhilFD+F0Kcn+zVwVfTf"}]},"maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/parallax-0.1.0.tgz_1470935551433_0.205892373342067"}}},"readme":"# Parallax\n\nParallax. Moves stuff on scroll.\n\n## Introduction\n\nThere are several ways to approach building a parallax effect on a site. Paul Lewis has <a href=\"http://www.html5rocks.com/en/tutorials/speed/parallax/\">a great overview</a> on the popular techniques and their\npros and cons. In brief:\n\n- **absolute positioning**: parallax is achieved via positioning elements absolutely (this technique also includes\n\tpositioning a background image attachment). In general, this is the absolute worst way to do parallax from a\n\tperformance point of view. Everything must be recalculated and re-painted on scroll, so avoid this if possible. The\n\tupside: you can support IE8 this way.\n- **3D transforms**: how the code herein operates. We offload elements in their own render layer to the GPU for X- or\n\tY-transforms. _Almost_ the most efficient (see below), but still very flexible and easy to implement. Browsers need\n\tto support transforms.\n- **canvas**: one fixed element background (a canvas), that animates on scroll. Elements are placed into the canvas and\n\tmoved about on scroll -- this is the most efficient, but difficult to implement (or impossible if you wish to use\n\texisting DOM elements).\n\n## Getting Started\nDownload the [production version][min] or the [development version][max].\n\n[min]: https://github.com/apathetic/parallax/blob/master/dist/parallax.min.js\n[max]: https://github.com/apathetic/parallax/blob/master/src/parallax.js\n\nInclude the relevant scripts in your web page, and then:\n\n```html\n<script>\n\twindow.onload = parallax.init({ el: '.parallax' });\n</script>\n```\n\n### Integration into your project\nYou'll notice that this (by default) adds a property to the Global namespace. This isn't necessarily a bad thing;\nrather, the onus is now on you to do what you wish with it.\n\nIf you're using a build script (ie. Grunt, Gulp), you can [_deglobalify_][deglobalify] and [_browserify_][browserify],\nfor example, and deal with the ```parallax``` object as you'd wish. See [this article][article] on Browserify for more\ninfo.\n\n[deglobalify]: https://www.npmjs.org/package/deglobalify\n[browserify]: https://www.npmjs.org/package/grunt-browserify\n[article]: http://dontkry.com/posts/code/browserify-and-the-universal-module-definition.html\n\n\n## Documentation\nElements on the page can have different attributes, as referenced through particular data-atrributes. For example:\n\n```html\n<div class=\"parallax item\" data-parallax-speed=\"1\"></div>\n```\n\n\n## Support\n* IE9+\n* Safari / Chrome\n* Firefox\n\n## Known Issues\n\n## Examples\n\nPlease see the _demo_ directory\n\n## Release History\n\n\n### 0.1\n* initial commit\n","maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"time":{"modified":"2022-06-12T14:43:31.495Z","created":"2016-08-11T17:12:33.596Z","0.1.0":"2016-08-11T17:12:33.596Z"},"homepage":"https://github.com/apathetic/parallax#readme","keywords":["parallax"],"repository":{"type":"git","url":"git+https://github.com/apathetic/parallax.git"},"author":{"name":"wes hatch"},"bugs":{"url":"https://github.com/apathetic/parallax/issues"},"license":"MIT","readmeFilename":"README.md"}