{"_id":"parallastic","_rev":"30-373304d088230a3a4a4dde820acc301a","name":"parallastic","description":"A simple helper to make parallax and scroll effects easier.","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.5":{"name":"parallastic","version":"1.0.5","description":"A simple helper to make parallax and scroll effects easier.","main":"build/parallastic.js","scripts":{"prepublish":"babel src/ -d build/"},"repository":{"type":"git","url":"git+https://github.com/GlueDigital/parallastic.git"},"author":{"name":"Glue.gl"},"license":"ISC","devDependencies":{"babel":"^6.23.0","babel-cli":"^6.24.1","babel-preset-es2015":"^6.24.1"},"dependencies":{},"gitHead":"d01dea8a8ad7aa6a5788b4bc17279c7bd1183f65","bugs":{"url":"https://github.com/GlueDigital/parallastic/issues"},"homepage":"https://github.com/GlueDigital/parallastic#readme","_id":"parallastic@1.0.5","_shasum":"26358cd71646ab4f66f79fa04f2675647731d7f4","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"mancontr","email":"mancontr@gmail.com"},"dist":{"shasum":"26358cd71646ab4f66f79fa04f2675647731d7f4","tarball":"https://registry.npmjs.org/parallastic/-/parallastic-1.0.5.tgz","integrity":"sha512-ynuKcL65+J+4RfM4DvvWHF7dAaKp0xINU7JsTAd1lQ5CnImK69dKeesPOetoRcLEj/yFcB9GQMxS0YuV5QVzAQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSnOedKTO8DyXq6NOX/r3nGYaR46+B8Gul9YfrNfL3sAIgTct/yLc8mJWh0u9n8OQCmqWJ0N8uJ8XdouD3pp8BQAY="}]},"maintainers":[{"email":"mancontr@gmail.com","name":"mancontr"},{"email":"javi@glue.gl","name":"javibt"},{"email":"alex@glue.gl","name":"alex_bf"},{"email":"cesar@glue.digital","name":"csar"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallastic-1.0.5.tgz_1501240863396_0.9819541918113828"},"directories":{}},"1.0.6":{"name":"parallastic","version":"1.0.6","description":"A simple helper to make parallax and scroll effects easier.","main":"build/parallastic.js","scripts":{"prepublish":"babel src/ -d build/"},"repository":{"type":"git","url":"git+https://github.com/GlueDigital/parallastic.git"},"author":{"name":"Glue.gl"},"license":"ISC","devDependencies":{"babel":"^6.23.0","babel-cli":"^6.24.1","babel-preset-es2015":"^6.24.1"},"dependencies":{},"gitHead":"d651b9cae8472fafaa3f9ee82af35f6b2aabbee8","bugs":{"url":"https://github.com/GlueDigital/parallastic/issues"},"homepage":"https://github.com/GlueDigital/parallastic#readme","_id":"parallastic@1.0.6","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"mancontr","email":"mancontr@gmail.com"},"dist":{"integrity":"sha512-inCghFvNU/12+nM9MuzHJe8MFng0iwk1q75DfR5tD8QYPkiGY1gnzyxSLEEtaG9F9rFCNYnV2roCgvDPXFUscQ==","shasum":"ca26cc68c6845091d2ef9b8ac8521e84aff30073","tarball":"https://registry.npmjs.org/parallastic/-/parallastic-1.0.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGQujp7nTBf+NNRpLiguGUI0OplV0HLa0Ogt66GLud5gIhAIfATH7vZYuWVB2QYqlg5y0qVDzaCpzCrOjefkLdRD4f"}]},"maintainers":[{"name":"mancontr","email":"mancontr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallastic-1.0.6.tgz_1503995105607_0.38494051177985966"},"directories":{}},"1.0.7":{"name":"parallastic","version":"1.0.7","description":"A simple helper to make parallax and scroll effects easier.","main":"build/parallastic.js","scripts":{"prepare":"babel src/ -d build/"},"repository":{"type":"git","url":"git+https://github.com/GlueDigital/parallastic.git"},"author":{"name":"Glue.gl"},"license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"},"dependencies":{},"gitHead":"4e5765ecedc61f1a37bcc3fa51380872c93c0e4d","bugs":{"url":"https://github.com/GlueDigital/parallastic/issues"},"homepage":"https://github.com/GlueDigital/parallastic#readme","_id":"parallastic@1.0.7","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"mancontr","email":"mancontr@gmail.com"},"dist":{"integrity":"sha512-Uh8ItScbOPVewtJyMohkH9S4W4XfZEL9OPjFwtpdYnifxeon6PM6Hb51uBwEJJ0KmQdCjBLpTqogUsGARvO9tw==","shasum":"505934deee5f3efe9f5b71828a605b447dfc8c0b","tarball":"https://registry.npmjs.org/parallastic/-/parallastic-1.0.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmg/4TjLYJ+XUVxjrRnQ68y/gLFP+duHrEVWTkp3lCYgIgLKpbkTTA3X+HQfVbJTnME3z/1gT//Ml5PFVAOBLqlS8="}]},"maintainers":[{"name":"mancontr","email":"mancontr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallastic-1.0.7.tgz_1504004053908_0.7330776620656252"},"directories":{}},"1.0.8":{"name":"parallastic","version":"1.0.8","description":"A simple helper to make parallax and scroll effects easier.","main":"build/parallastic.js","scripts":{"prepare":"babel src/ -d build/"},"repository":{"type":"git","url":"git+https://github.com/GlueDigital/parallastic.git"},"author":{"name":"Glue.gl"},"license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"},"dependencies":{},"gitHead":"ce417c351b63eb6d509612663bf9ead561d182b1","bugs":{"url":"https://github.com/GlueDigital/parallastic/issues"},"homepage":"https://github.com/GlueDigital/parallastic#readme","_id":"parallastic@1.0.8","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"mancontr","email":"mancontr@gmail.com"},"dist":{"integrity":"sha512-3bdVQiH2OhSnM9t5kh+FpNWft2b50n+MF3AnmaXmcagXtxJP7zrIswijHH20KgXPn4f0cdeit1eo4CiDSX+Ygg==","shasum":"00bbdaa105c8182cd43deb930cddde37c767830c","tarball":"https://registry.npmjs.org/parallastic/-/parallastic-1.0.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDB5WAgqVkmcHkYgV+VY12qMcuAAsPELhCARaqsfAoHkQIgNC4Hn/WyzjPg5q6lL6vsv6iw+EsU0VJZxdsqa5j+lek="}]},"maintainers":[{"name":"mancontr","email":"mancontr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallastic-1.0.8.tgz_1504770572497_0.03120003640651703"},"directories":{}},"1.0.9":{"name":"parallastic","version":"1.0.9","description":"A simple helper to make parallax and scroll effects easier.","main":"build/parallastic.js","scripts":{"prepare":"babel src/ -d build/"},"repository":{"type":"git","url":"git+https://github.com/GlueDigital/parallastic.git"},"author":{"name":"Glue.gl"},"license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"},"dependencies":{},"gitHead":"230e29e4de41996b0e565754b4b2a0c18369a2f2","bugs":{"url":"https://github.com/GlueDigital/parallastic/issues"},"homepage":"https://github.com/GlueDigital/parallastic#readme","_id":"parallastic@1.0.9","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"mancontr","email":"mancontr@gmail.com"},"dist":{"integrity":"sha512-uzwnwn/btD+2Mir/RSXMM17VCnwpWTIH/5sgIWb7QngOpJMnlTdDNMjfPIXF7a+OFMd/ebyn82h9LxMpVF2CQQ==","shasum":"7adf2a7a84229314f7ac4d5d1399db94a7355e0f","tarball":"https://registry.npmjs.org/parallastic/-/parallastic-1.0.9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRufvEhiy2o2CBa3ZjfxtYoTKGHcYNY715iaQZ3q0mDAiAhy/L+HG5+E02XoojycY+QNyxT9UJtkGjNUU9UNvhzcg=="}]},"maintainers":[{"name":"mancontr","email":"mancontr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallastic-1.0.9.tgz_1507024041565_0.836430451599881"},"directories":{}},"1.0.10":{"name":"parallastic","version":"1.0.10","description":"A simple helper to make parallax and scroll effects easier.","main":"build/parallastic.js","scripts":{"prepare":"babel src/ -d build/"},"repository":{"type":"git","url":"git+https://github.com/GlueDigital/parallastic.git"},"author":{"name":"Glue.gl"},"license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"},"dependencies":{},"gitHead":"a9cb5d667e79ea1aebe54cac34acc00e35896cc9","bugs":{"url":"https://github.com/GlueDigital/parallastic/issues"},"homepage":"https://github.com/GlueDigital/parallastic#readme","_id":"parallastic@1.0.10","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"mancontr","email":"mancontr@gmail.com"},"dist":{"integrity":"sha512-V5djG7DolQntahhOuApfh9D8HrjPe6E+YzkEYciXvAf9LX4owQg7ruXlImfjreoUrlwT8bgPkq0Bu3YJ76Yu/g==","shasum":"83397b2ac1f28ba05bd492e06175577b05abe24e","tarball":"https://registry.npmjs.org/parallastic/-/parallastic-1.0.10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBgmTSgslsLFdin2Lv+CkcRVofHHP8eJAozrjOgFxFMSAiBLJWMtFm8NFgR44MV0UgFbtJqeKRar0heCexQRIjTwPg=="}]},"maintainers":[{"name":"mancontr","email":"mancontr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallastic-1.0.10.tgz_1507187576003_0.34368892665952444"},"directories":{}},"1.0.11":{"name":"parallastic","version":"1.0.11","description":"A simple helper to make parallax and scroll effects easier.","main":"build/parallastic.js","scripts":{"prepare":"babel src/ -d build/"},"repository":{"type":"git","url":"git+https://github.com/GlueDigital/parallastic.git"},"author":{"name":"Glue.gl"},"license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"},"dependencies":{},"files":["build/parallastic.js","README.md"],"gitHead":"0625af42d47828d931d29b2ad6f319b65477dc7c","bugs":{"url":"https://github.com/GlueDigital/parallastic/issues"},"homepage":"https://github.com/GlueDigital/parallastic#readme","_id":"parallastic@1.0.11","_npmVersion":"5.6.0","_nodeVersion":"8.10.0","_npmUser":{"name":"mancontr","email":"mancontr@gmail.com"},"dist":{"integrity":"sha512-d6/HfMJLNiIufhTRSP/pwV9cz4UpRsANyRwjxnMtqWklCSn2b/XCfxchh4EA8ronk0HxSfedW3MORxhMqcFbKQ==","shasum":"ae67f68737089092dabcf290a7db0357fd424228","tarball":"https://registry.npmjs.org/parallastic/-/parallastic-1.0.11.tgz","fileCount":3,"unpackedSize":6049,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFbGomjiy55G8Lz/ZOudeaUoGJW0Cw4NbtR+WhdOTRjDAiBTW57GrlS/TzMC8xF5GS551tDaCb/Cy68xtxe45M2qEQ=="}]},"maintainers":[{"name":"mancontr","email":"mancontr@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallastic_1.0.11_1523549401153_0.7140496668100842"},"_hasShrinkwrap":false},"1.1.0":{"name":"parallastic","version":"1.1.0","description":"A simple helper to make parallax and scroll effects easier.","main":"build/parallastic.js","scripts":{"prepare":"babel src/ -d build/"},"repository":{"type":"git","url":"git+https://github.com/GlueDigital/parallastic.git"},"author":{"name":"Glue.gl"},"license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"},"dependencies":{},"gitHead":"dd1985c7f80c314958ac6a5bdbac8c182a8e4dc7","bugs":{"url":"https://github.com/GlueDigital/parallastic/issues"},"homepage":"https://github.com/GlueDigital/parallastic#readme","_id":"parallastic@1.1.0","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"mancontr","email":"mancontr@gmail.com"},"dist":{"integrity":"sha512-UMtgCmzx9S426YOnNGet243AvWD/IP9Td1brolG9RLFTsMnf7CY6kERmInsACXHzzW7YpLB7xIsgplQzmpJdTA==","shasum":"2ae00fd6a6255cd5745ecf8e3eecd94fc70b67e3","tarball":"https://registry.npmjs.org/parallastic/-/parallastic-1.1.0.tgz","fileCount":3,"unpackedSize":6261,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbknMuCRA9TVsSAnZWagAAWeAQAJLjNxWXkpfEEwvJgjrK\nMmx/621O5+JmPVMjlzcTXGpGuj4LTnVZGQF6h+K0JJIJLXWOYUD/1iy82ESX\ne3sXp9Txcw/Ijqd54uOssmuCDQ8PzGo+E4uuH72Wwm+gmhuyYNwJKbsPcg0i\nJlZtFwZ7QrlVV/fCR+q+hLdndzJYsv6Z5J6BoBev9NU0pMsZxNsP0dP6T94a\nLHGO6RnXxvBzjPh4bQzvvWImykQAcHbvzjteOTc0wsyHf6Kk+XpoJ96j0Vxj\nyqf5lGxbHTRRZGKg/QGKIHVsdG3BXtwrWe8SR+PdshDhgQ6Zz4WXrrNBxT5U\nddsbdN6BmMuaunRGSRtJeobVE7XNoKXJzPpNz8CK9ARg/Zmzt5Ce6mnu9w8b\nU1TnzEkif34U0Si1+9Xx0T31cXpRErBmEFElWXeWk7u3F08gsHa+It/7MeWn\n3FAJmDNPh5bn19V3JXIcLFfVD2G6TL0lwhO6hs8NnfAly7QGaoaCQIg6/7At\nWI16BJApf1uZvH8BfN7pQJMANXA1EJZhlW3p/1tHutr1zX/4ll9r9C09nYI1\n+x6TTYGCHXCjoIumrwbOCxs1VFLtehmbH1EdfB94ZqhfDtKNvmqiOSor3uFY\n6AZ8EdPHDTCp0DUB1jFxRlsUSH1t7YHTltfwURFjpUCfN4e2Xm+qZkCjXC7/\nyO/F\r\n=DFMD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVEozChXtj5eaWdp1r1Nlst7hJDd/oQ6rTfHB6pqb4MAiEAoLWhGHwH9/AA6R+lDImRoRYM9S59J7Q3dQV18m0gej4="}]},"maintainers":[{"email":"alex@glue.gl","name":"alex_bf"},{"email":"cesar@glue.digital","name":"csar"},{"email":"javi@glue.gl","name":"javibt"},{"email":"landesag@gmail.com","name":"landesag"},{"email":"mancontr@gmail.com","name":"mancontr"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallastic_1.1.0_1536324398345_0.7412892828957414"},"_hasShrinkwrap":false}},"readme":"# Parallastic\n\nA simple helper to make parallax and scroll effects easier.\n\n## Demo\n\nUsage demo:\n> import parallastic from 'parallastic'<br>\n> const handler = parallastic()<br>\n> handler.addProportional(document.body, 0, 100, 'opacity', 1, 0, {units: '%'})\n\n## Usage guide\n\n### Constructor\nInitializes the library and returns the handler used to add events to it.\n\nArgs:\n - scrollable: The element which we will watch for scroll events. Defaults to window, but if you want effects to trigger with some internal scroll, just pass your *overflow:scroll* div instead.\n\nExample:\n> const handler = parallastic(document.getElementById('someDiv'))\n\n### addToggler\nAdds a new event that toggles a class when a element reaches a certain point on the window.\n\nArgs:\n - target: The element whose position we'll consider\n - className: The class that will be added\n - position: The percentage of the viewport height (as a value between 0 and 100) at which the change will be triggered\n - opts: Object with other options:\n    - reverse: Whether or not the class should be removed on opposite direction scroll\n    - classTarget: The element that receives the class (defaults to target)\n\nExample:\n > handler.addToggler(document.getElementById('header'), 'fixed', 0, {reverse: true})\n\n### addProportional\nAdds a new event that makes a change to some property proportionally to the scrolled amount.\n\nArgs:\n - target: The element which will change\n - yStart: The scroll position where effect starts\n - yEnd: The scroll position where effect ends\n - property: The style property that will change\n - propertyStart: The value of *property* at *yStart*\n - propertyEnd: The value of *property* at *yEnd*\n - opts: Object with other options:\n    - ref: Element relative to which we'll measure the position\n    - units: yStart and yEnd unit. Defaults to 'px', but '%' is allowed too\n    - prefix: string added before the value when setting the property\n    - suffix: string added after the value when setting the property\n\nExample:\n> handler.addProportional(document.body, 0, 100, 'opacity', 1, 0, {units: '%'})\n","maintainers":[{"email":"alexyecla99@gmail.com","name":"linuxgunter"},{"email":"landesag@gmail.com","name":"landesag"},{"email":"cesar@glue.digital","name":"csar"},{"email":"mancontr@gmail.com","name":"mancontr"},{"email":"alex@glue.gl","name":"alex_bf"},{"email":"javi@glue.gl","name":"javibt"}],"time":{"modified":"2022-10-27T09:32:00.956Z","created":"2017-07-28T07:13:42.850Z","1.0.0":"2017-07-28T07:13:42.850Z","1.0.1":"2017-07-28T07:14:54.626Z","1.0.2":"2017-07-28T08:22:15.129Z","1.0.3":"2017-07-28T08:22:01.229Z","1.0.4":"2017-07-28T08:23:11.725Z","1.0.5":"2017-07-28T11:21:05.023Z","1.0.6":"2017-08-29T08:25:06.631Z","1.0.7":"2017-08-29T10:54:14.841Z","1.0.8":"2017-09-07T07:49:33.508Z","1.0.9":"2017-10-03T09:47:22.488Z","1.0.10":"2017-10-05T07:12:56.914Z","1.0.11":"2018-04-12T16:10:01.294Z","1.1.0":"2018-09-07T12:46:38.515Z"},"homepage":"https://github.com/GlueDigital/parallastic#readme","repository":{"type":"git","url":"git+https://github.com/GlueDigital/parallastic.git"},"author":{"name":"Glue.gl"},"bugs":{"url":"https://github.com/GlueDigital/parallastic/issues"},"license":"ISC","readmeFilename":"README.md"}