{"_id":"material-scrolltop","_rev":"15-f6a0872133225815a621557ec65b5ec8","name":"material-scrolltop","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","dist-tags":{"latest":"2.0.1","1-latest":"1.0.2","next":"2.1.0-next.3"},"versions":{"0.6.4":{"name":"material-scrolltop","version":"0.6.4","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"src/material-scrolltop.js","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass"],"peerDependencies":{"jquery":">=1.7"},"engines":{"yarn":">= 1.0.0","node":">=0.12"},"gitHead":"edcb8bc6f5d8f01f5b1808723f60bafa0adeeaf3","_id":"material-scrolltop@0.6.4","_npmVersion":"5.5.1","_nodeVersion":"8.2.1","_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"dist":{"integrity":"sha512-Vy6Y+5MM/J9O0VP9Gmzt3FHJ1HImMRHhbELtcOqMeAB9pMg7GIzH/3uELGW3wx6Cz6/LgLo04rTBUeZZgUdO0Q==","shasum":"7ff9a7ecbb61d93d9db0c995c9751cbbc8a5872e","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-0.6.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCzjHMAhYs5O6f1O3HiZpXfPdBlvur5Vm7uA2c4/7FqgIgYQnFx3PinzGDbSwT54i4lCWikGWLG/Q3BKwjaDGqESo="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop-0.6.4.tgz_1510510135542_0.5302513213828206"},"directories":{}},"1.0.0":{"name":"material-scrolltop","version":"1.0.0","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"src/material-scrolltop.js","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass"],"peerDependencies":{"jquery":">=1.7"},"engines":{"yarn":">= 1.0.0","node":">=0.12"},"gitHead":"7c773c1ae61f39b2f27fda5d8efc61f764ff2381","_id":"material-scrolltop@1.0.0","_npmVersion":"5.5.1","_nodeVersion":"8.2.1","_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"dist":{"integrity":"sha512-cVMUoFxeAdwHQE0c/rI4sSU314PFIJq7f1MC05XDyPzS9Sg6TmOmGECA6jJQufxjLpaeLehP8EOXW7B/G8qFUw==","shasum":"f4f13e3ba5948e7db686f3684a48b9fe5d36f210","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBMnJzNE5JdhUJsc17GUGTVhPx71SnrKwWea6fim5DQSAiALbb9b4h86BEj0402uVNThLlMOFqcmoHkg9DoXsdKitA=="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop-1.0.0.tgz_1510510760561_0.6377163876313716"},"directories":{}},"1.0.1":{"name":"material-scrolltop","version":"1.0.1","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"src/material-scrolltop.js","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass"],"peerDependencies":{"jquery":">=1.7"},"engines":{"yarn":">= 1.0.0","node":">=0.12"},"gitHead":"1d5d63ab466d345915df755487c9ea1048ce3981","_id":"material-scrolltop@1.0.1","_npmVersion":"5.5.1","_nodeVersion":"8.2.1","_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"dist":{"integrity":"sha512-kKnA+++0dr+/I16uOaybGUSlkRBEdZTTwG7aOQzbU8uH7cQFbTD0a/KauXEUM1RP2U02yKBFzIWT1BAlIygT6w==","shasum":"0e3aa9d176e3e9610989a9ac99e76db81ec39d2d","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICDY1W1JDr5CZgiYeznqEG+p2jURFi1bUhbnLbJPPewmAiEAzhl4WQc0lIsEOgFJ9+1Sm3pqRRdLj1io7Uyu+Vy8x+A="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop-1.0.1.tgz_1511619255853_0.6636404669843614"},"directories":{}},"2.0.0-beta.1":{"name":"material-scrolltop","version":"2.0.0-beta.1","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"./dist/material-scrolltop.js","types":"./dist/material-scrolltop.d.ts","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"start":"yarn build --watch","build":"yarn delete:dist & yarn copy & yarn build:scss & yarn tsc","tsc":"tsc","delete:dist":"rm -rf dist/* ","copy":"rsync -r ./src/icons ./dist/","build:scss":"node-sass src -o dist","version":"","postversion":"git push && git push --follow-tags","release:patch":"git checkout master && npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"git checkout master && npm version minor -m \"chore(update): release %s 🚀\"","release:major":"git checkout master && npm version major -m \"chore(update): major release %s 💥 \""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"peerDependencies":{"jquery":">=1.7"},"devDependencies":{"@types/jquery":"^3.3.31","node-sass":"^4.13.0","typescript":"^3.7.4"},"engines":{"yarn":">= 1.0.0","node":">=10"},"readme":"[![Join the chat at https://gitter.im/material-scrolltop/Lobby](https://badges.gitter.im/material-scrolltop/Lobby.svg)](https://gitter.im/material-scrolltop/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n\n# Material ScrollTop Button\n\nLightweight, **Material Design inspired button for scroll-to-top** of the page (jQuery plugin).\n\nJust hit the button to smoothly scroll back to the top of the page. [Here's the demo.](http://bartholomej.github.io/material-scrolltop/)\n\n- Lightweight\n- Material Design inspired\n- With ripple effect\n- Smoothly animated\n- [Customizable](#customization)\n- With some useful [options](#settings)...\n- TypeScript + SCSS + jQuery\n\n![Demo animation](https://github.com/bartholomej/material-scrollTop/blob/master/demo/images/material-scrolltop-animation.gif?raw=true)\n\n## Demo (example)\n\nWatch this: [http://bartholomej.github.io/material-scrolltop/\n](http://bartholomej.github.io/material-scrolltop/)\n\n## Install\n\nVia **yarn** or **npm**\n\n```bash\nyarn add material-scrolltop\n```\n\n### Manual install (download)\n\nIf you want the latest stable version, get the [latest release](https://github.com/bartholomej/material-scrollTop/releases/latest) from the releases page and use `dist` folder.\n\n## Usage\n\nInclude the files as shown in the code snippets below and you're done.\n\nNOTE: The only dependency for this plugin to work is **jQuery library** (don't forget!)\n\nIn your `<head>` add:\n\n```html\n<!-- Material ScrollTop stylesheet -->\n<link rel=\"stylesheet\" href=\"dist/material-scrolltop.css\" />\n\n<!-- material-scrolltop plugin -->\n<script src=\"dist/material-scrolltop.js\"></script>\n```\n\nThen, before your closing `</body>` tag add:\n\n```html\n<!-- material-scrolltop button -->\n<button class=\"material-scrolltop\" type=\"button\"></button>\n\n<!-- Initialize material-scrolltop (minimal) -->\n<script>\n  $('body').materialScrollTop();\n</script>\n```\n\n## Settings\n\n| Option         | Type       | Default | Description                                                          |\n| -------------- | ---------- | ------- | -------------------------------------------------------------------- |\n| revealElement  | string     | body    | Reveal button when scrolling over specific element                   |\n| revealPosition | string     | top     | Element position for reveal button (`'top'` or `'bottom'`)           |\n| padding        | number     | 0       | Adjusts little ups and downs in scrolling (can be negative number)   |\n| duration       | number     | 600     | Determining how long the animation will run                          |\n| easing         | string     | 'swing' | Indicating which easing function to use for the transition animate() |\n| onScrollEnd    | Function() | false   | A function to call once the animation is complete                    |\n\n### Example\n\n```javascript\n$('body').materialScrollTop({\n  // Scroll to the top of <body> element ...\n  padding: 100, // ... and add padding 100px\n  revealElement: 'header', // Reveal button when scrolling over <header> ...\n  revealPosition: 'bottom', // ... and do it at the end of </header> element\n  duration: 600, // Animation will run 600 ms\n  easing: 'swing', // Do it with swing animation\n  onScrollEnd: function() {\n    // Give me some log when animation ends\n    console.log('This is the end, my only friend, the end...');\n  }\n});\n```\n\n## Folders\n\n<pre>\nmaterial-scrolltop/\n├── src/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.scss\n│   └── material-scrolltop.ts\n├── dist/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.css\n│   └── material-scrolltop.js\n└── demo/\n    ├── ...\n    └── index.html\n    └── examples/\n</pre>\n\n### src/ (for development)\n\nTypescript + sass source files\n\n### dist/ (for production)\n\nJavaScript + CSS\n\n(compiled from `src/` folder with command `yarn build`)\n\n## Customization\n\n### Colors, sizes and stuff\n\nUsing SASS [_(this file in 'src' folder)_](src/material-scrolltop.scss), you can simply edit default styles, colors, position and customize plugin to fit your needs. :thumbsup: (Or just edit directly css stylesheet)\n\nHint: Modify scss file, run `yarn build` and see the demo.\n\n### Icons\n\n#### SVG\n\nYou can change `svg` icon in [`icons/`](src/icons/) directory.\n\n#### Custom text or sign\n\n1.  Turn off svg icon as sass variable: `$mst-icon: false`\n2.  Build your new stylesheet `yarn build` (now without svg icon)\n3.  Put your new sign or text inside html `<span>` element like this:\n\n```html\n<button class=\"material-scrolltop\" type=\"button\">\n  <span>↑</span>\n</button>\n```\n\n## Dependencies\n\njQuery 1.7+\n\n## Application\n\n- [Drupal module](https://www.drupal.org/project/material_scrolltop)\n\n## License\n\nCopyright &copy; 2015 - 2020 [Lukas Bartak](http://bartweb.cz)\n\nProudly powered by nature 🗻, wind 💨, tea 🍵 and beer 🍺 ;)\n\nAll contents are licensed under the [MIT license].\n\n[mit license]: LICENSE\n","readmeFilename":"README.md","gitHead":"cf6857fad503088221e547ff685601afd0ec64d9","_id":"material-scrolltop@2.0.0-beta.1","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-2tD1GWPs9B0H7CSq+Jl2+inT4zilHxG/hm0UVS96t8abrgou+J5IFXA4Nyv2WPp2liwItLvC9i2Q6swKq9fwbw==","shasum":"96aecd2c932e77fee1187086d5d856f36aae3264","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-2.0.0-beta.1.tgz","fileCount":7,"unpackedSize":13544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEL8rCRA9TVsSAnZWagAA3QEP/0H/9U+9sJCzmJ6pSMoO\nuk4KgfG1NErlsmkMPxD+2lJOI9SB+jDGOOExL1YIp0HT/iRK50dVrv7laCOJ\nJsc3kgeHpceKUyi9CCM9w+2d56lqKJKHJYDBjo7i5R+HRWsYLRqV8TuRaYVF\nyYXH5HuPVhW/9v3oq2Yea958jrf8+DZHvH7MbzcFSYgDuIepErbShu41vsSm\n6XKDhnxb13BSH3LuWNc49dYqd9432/7b7QhPPWAEti1uRu7BKz0VSwHFQM3C\neA8XVa8qQh32o1qWHRvPAhLZb5+nXfvgzL4OyaiiNEhRjq+otPRt7h+w3Pou\nt7sBbH+28fqFCXofqq2lelcG3pOIO6IMCNQH+EXJLMTQaRqjNUTgFUGuq1FP\nDoKO+yzbGRHBfJ7RBYQ4Vk6twZc0qbtC+saqgByWKgIcc8yjtuH/xM+LJWok\nDa7r/2HEVUH4ACFoN5uOO61LD4iMC08tHbljmLIVGOfqwqXLstflAF5guwXv\nstpfrfSrB3gut59Fvhilz/3Yqy0O7R+19ZSsfjBkYxL/mxXfLsnqyX4AQAuo\nbEIIHgX/YIXbWFJhePAR7TDQ8hIjfzy73xBp3cdVnuvCwWmIAToaT4xgzGEQ\ngzr2GcRYtnAl5mkVP0Xc+ig3f3FYrX1nA1Tx+RfCSwSlqlrI6wzjTlH/uluQ\n/eNQ\r\n=glB7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICTk8FqqIYHHQF89ZPtDY3phPr2sHZNjG0W7k8+IvtPhAiEAgCxbg58OfrchcXNrzNoUkg2DV2FzFgXC3Cx3g1OoMLw="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_2.0.0-beta.1_1578155818754_0.9454559117936749"},"_hasShrinkwrap":false},"2.0.0-beta.2":{"name":"material-scrolltop","version":"2.0.0-beta.2","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"./dist/material-scrolltop.js","types":"./dist/material-scrolltop.d.ts","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"start":"yarn build --watch","build":"yarn delete:dist & yarn copy & yarn build:scss & yarn tsc","tsc":"tsc","delete:dist":"rm -rf dist/* ","copy":"rsync -r ./src/icons ./dist/","build:scss":"node-sass src -o dist","version":"","postversion":"git push && git push --follow-tags","release:patch":"git checkout master && npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"git checkout master && npm version minor -m \"chore(update): release %s 🚀\"","release:major":"git checkout master && npm version major -m \"chore(update): major release %s 💥 \""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"peerDependencies":{"jquery":">=1.7"},"devDependencies":{"@types/jquery":"^3.3.31","node-sass":"^4.13.0","typescript":"^3.7.4"},"engines":{"yarn":">= 1.0.0","node":">=10"},"readme":"[![Join the chat at https://gitter.im/material-scrolltop/Lobby](https://badges.gitter.im/material-scrolltop/Lobby.svg)](https://gitter.im/material-scrolltop/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n\n# Material ScrollTop Button\n\nLightweight, **Material Design inspired button for scroll-to-top** of the page (jQuery plugin).\n\nJust hit the button to smoothly scroll back to the top of the page. [Here's the demo.](https://bartholomej.github.io/material-scrolltop/)\n\n- Lightweight\n- Material Design inspired\n- With ripple effect\n- Smoothly animated\n- [Customizable](#customization)\n- With some useful [options](#settings)...\n- jQuery + CSS, (TypeScript + SCSS)\n\n![Demo animation](https://github.com/bartholomej/material-scrollTop/blob/master/demo/images/material-scrolltop-animation.gif?raw=true)\n\n## Demo (example)\n\nWatch this: [https://bartholomej.github.io/material-scrolltop/](https://bartholomej.github.io/material-scrolltop/)\n\n## Install\n\nVia **yarn** or **npm**\n\n```bash\nyarn add material-scrolltop\n```\n\n### Manual install (download)\n\nIf you want the latest stable version, get the [latest release](https://github.com/bartholomej/material-scrollTop/releases/latest) from the releases page and use `dist` folder.\n\n## Usage\n\nInclude the files as shown in the code snippets below and you're done.\n\nNOTE: The only dependency for this plugin to work is **jQuery library** (don't forget!)\n\nIn your `<head>` add:\n\n```html\n<!-- Material ScrollTop stylesheet -->\n<link rel=\"stylesheet\" href=\"dist/material-scrolltop.css\" />\n\n<!-- material-scrolltop plugin -->\n<script src=\"dist/material-scrolltop.js\"></script>\n```\n\nThen, before your closing `</body>` tag add:\n\n```html\n<!-- material-scrolltop button -->\n<button class=\"material-scrolltop\" type=\"button\"></button>\n\n<!-- Initialize material-scrolltop (minimal) -->\n<script>\n  $('body').materialScrollTop();\n</script>\n```\n\n## Settings\n\n| Option         | Type       | Default | Description                                                          |\n| -------------- | ---------- | ------- | -------------------------------------------------------------------- |\n| revealElement  | string     | body    | Reveal button when scrolling over specific element                   |\n| revealPosition | string     | top     | Element position for reveal button (`'top'` or `'bottom'`)           |\n| padding        | number     | 0       | Adjusts little ups and downs in scrolling (can be negative number)   |\n| duration       | number     | 600     | Determining how long the animation will run                          |\n| easing         | string     | 'swing' | Indicating which easing function to use for the transition animate() |\n| onScrollEnd    | Function() | false   | A function to call once the animation is complete                    |\n\n### Example (advanced usage)\n\n```javascript\n$('body').materialScrollTop({\n  // Scroll to the top of <body> element ...\n  padding: 100, // ... and add padding 100px\n  revealElement: 'header', // Reveal button when scrolling over <header> ...\n  revealPosition: 'bottom', // ... and do it at the end of </header> element\n  duration: 600, // Animation will run 600 ms\n  easing: 'swing', // Do it with swing animation\n  onScrollEnd: function() {\n    // Give me some log when animation ends\n    console.log('This is the end, my only friend, the end...');\n  }\n});\n```\n\n## Folders\n\n<pre>\nmaterial-scrolltop/\n├── src/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.scss\n│   └── material-scrolltop.ts\n├── dist/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.css\n│   └── material-scrolltop.js\n└── demo/\n    ├── ...\n    └── index.html\n    └── examples/\n</pre>\n\n### src/ (for development)\n\nTypescript + sass source files\n\n### dist/ (for production)\n\nJavaScript + CSS\n\n(compiled from `src/` folder with command `yarn build`)\n\n### demo/ (example page)\n\nHere you can see it in [real use](https://bartholomej.github.io/material-scrolltop/).\n\n## Customization\n\n### Colors, sizes and stuff\n\nUsing SASS [_(this file in 'src' folder)_](src/material-scrolltop.scss), you can simply edit default styles, colors, position and customize plugin to fit your needs. :thumbsup: (Or just edit directly css stylesheet)\n\nHint: Modify scss file, run `yarn build` and see the demo.\n\n### Icons\n\n#### SVG\n\nYou can change `svg` icon in [`icons/`](src/icons/) directory.\n\n#### Custom text or sign\n\n1.  Turn off svg icon as sass variable: `$mst-icon: false`\n2.  Build your new stylesheet `yarn build` (now without svg icon)\n3.  Put your new sign or text inside html `<span>` element like this:\n\n```html\n<button class=\"material-scrolltop\" type=\"button\">\n  <span>↑</span>\n</button>\n```\n\n## Dependencies\n\njQuery 1.7+\n\n## Breaking changes\n\nVersion 2.x.x contains some breaking changes.\n\n- **src/** folder now contains source files `.scss` + `.ts` which are NOT executable in browser.\n- **dist/** folder contains compiled `.css`, `.js`, ... (executable in browser!)\n\n## Old version\n\nOld version is still available:\n\n- Dev branch: [1.x](https://github.com/bartholomej/material-scrolltop/tree/1.x)\n- npm package: `yarn add material-scrolltop@1`\n\n## Application\n\n- [Drupal module](https://www.drupal.org/project/material_scrolltop)\n\n## License\n\nCopyright &copy; 2015 - 2020 [Lukas Bartak](http://bartweb.cz)\n\nProudly powered by nature 🗻, wind 💨, tea 🍵 and beer 🍺 ;)\n\nAll contents are licensed under the [MIT license].\n\n[mit license]: LICENSE\n","readmeFilename":"README.md","gitHead":"6354165757ae11bddeff2640bf992fa227b96231","_id":"material-scrolltop@2.0.0-beta.2","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-9ZODlyUJ2eXf32zGA8TQA2O0QgkOU7DbyXxoxslPoVvG9YGZmfizyV+pyrHmrawVEgQJfhLE3R5Bf/qu9ZZW2Q==","shasum":"4b55595d2ac88e52e3423c2af5077be5455689c4","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-2.0.0-beta.2.tgz","fileCount":7,"unpackedSize":14107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeENB5CRA9TVsSAnZWagAAMjQP/0l+TWton67nenXaGqf6\nhX7KlNpflCHqmBYxlBcEr4NyGUYPzUCmikyfCfBm07RU7by64mP1qCodM8lp\no3Dww4zr9hvM6TVkod5I5xv8Obm/fFY9acA5gInbGEFE5JUWMJRFsfJ1w53G\nKVAlfarbNyd7Wf5ahztD31moCTsJ2Cr7eRf2GBkjhM1nH6lk7cek+kblOer5\nxbr/okKXTGTKPMXEISSMnVEnJn5qERiQ8NpfbLOWJlTZ9S+H0zaOVG5SU5l0\nJPOrRoaRzEDk7GWsJS5ZtJ1UU8HWvv2kvx2GZZN9BxLZvaW7ZRP7cJmzpVlf\nY1NaGsT0rSd7fSZifQpMBuQ0BzJ0agY7w3Uk/IoZ29UiAYJFW5ECJQAuBf3B\n4cLL8JFBZRmubD324u1Ts3sD4Ui39SQIUuJq5UsYr40YiUrocNC365B7cbQu\ntGhIUBm5wHeeeXM1j1hSKU4lliFV2no5cJHzsAin1tNEocHJ0U+lGhhlSM07\nwhCQ3IkMXkmTdixJFoCqWSxJnQ1EmXBQSNtOsQULSZLsRBMISUmmDIxUPMZf\ntXLwwFPdmwQ6xTlD+w8f+pav6IAcgWbjkxMIMhdrfvAhb7GCnvUQ1xO3T5Qp\n9/VtXnOq2yZkwVikK22k6UnUHO+W33bzLTiOnS+oyGj5aofHxYxDFYaY8kK/\ngHMH\r\n=2zOW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDIIiEKIysmniFw0s0sae8H4J1FfahdUnr3DknytTFrRAiEArjF209g6fwvenE16Fo23yDcpkagBYlRg+RszxTM2Rwk="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_2.0.0-beta.2_1578160248705_0.2511663660521166"},"_hasShrinkwrap":false},"2.0.0-beta.3":{"name":"material-scrolltop","version":"2.0.0-beta.3","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"./dist/material-scrolltop.js","types":"./dist/material-scrolltop.d.ts","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"start":"yarn build --watch","build":"yarn delete:dist & yarn copy & yarn build:scss & yarn tsc","tsc":"tsc","delete:dist":"rm -rf dist/* ","copy":"rsync -r ./src/icons ./dist/","build:scss":"node-sass src -o dist","version":"","postversion":"git push && git push --follow-tags","release:patch":"git checkout master && npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"git checkout master && npm version minor -m \"chore(update): release %s 🚀\"","release:major":"git checkout master && npm version major -m \"chore(update): major release %s 💥 \""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"peerDependencies":{"jquery":">=1.7"},"devDependencies":{"@types/jquery":"^3.3.31","node-sass":"^4.13.0","typescript":"^3.7.4"},"engines":{"yarn":">= 1.0.0","node":">=10"},"readme":"[![Join the chat at https://gitter.im/material-scrolltop/Lobby](https://badges.gitter.im/material-scrolltop/Lobby.svg)](https://gitter.im/material-scrolltop/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n\n# Material ScrollTop Button\n\nLightweight, **Material Design inspired button for scroll-to-top** of the page (jQuery plugin).\n\nJust hit the button to smoothly scroll back to the top of the page. [Here's the demo.](https://bartholomej.github.io/material-scrolltop/)\n\n- Lightweight\n- Material Design inspired\n- With ripple effect\n- Smoothly animated\n- [Customizable](#customization)\n- With some useful [options](#settings)...\n- jQuery + CSS, (TypeScript + SCSS)\n\n![Demo animation](https://github.com/bartholomej/material-scrollTop/blob/master/demo/images/material-scrolltop-animation.gif?raw=true)\n\n## Demo (example)\n\nWatch this: [https://bartholomej.github.io/material-scrolltop/](https://bartholomej.github.io/material-scrolltop/)\n\n## Install\n\nVia **yarn** or **npm**\n\n```bash\nyarn add material-scrolltop\n```\n\n### Manual install (download)\n\nIf you want the latest stable version, get the [latest release](https://github.com/bartholomej/material-scrollTop/releases/latest) from the releases page and use `dist` folder.\n\n## Usage\n\nInclude the files as shown in the code snippets below and you're done.\n\nNOTE: The only dependency for this plugin to work is **jQuery library** (don't forget!)\n\nIn your `<head>` add:\n\n```html\n<!-- Material ScrollTop stylesheet -->\n<link rel=\"stylesheet\" href=\"dist/material-scrolltop.css\" />\n\n<!-- material-scrolltop plugin -->\n<script src=\"dist/material-scrolltop.js\"></script>\n```\n\nThen, before your closing `</body>` tag add:\n\n```html\n<!-- material-scrolltop button -->\n<button class=\"material-scrolltop\" type=\"button\"></button>\n\n<!-- Initialize material-scrolltop (minimal) -->\n<script>\n  $('body').materialScrollTop();\n</script>\n```\n\n## Settings\n\n| Option         | Type       | Default | Description                                                          |\n| -------------- | ---------- | ------- | -------------------------------------------------------------------- |\n| revealElement  | string     | body    | Reveal button when scrolling over specific element                   |\n| revealPosition | string     | top     | Element position for reveal button (`'top'` or `'bottom'`)           |\n| padding        | number     | 0       | Adjusts little ups and downs in scrolling (can be negative number)   |\n| duration       | number     | 600     | Determining how long the animation will run                          |\n| easing         | string     | 'swing' | Indicating which easing function to use for the transition animate() |\n| onScrollEnd    | Function() | false   | A function to call once the animation is complete                    |\n\n### Example (advanced usage)\n\n```javascript\n$('body').materialScrollTop({\n  // Scroll to the top of <body> element ...\n  padding: 100, // ... and add padding 100px\n  revealElement: 'header', // Reveal button when scrolling over <header> ...\n  revealPosition: 'bottom', // ... and do it at the end of </header> element\n  duration: 600, // Animation will run 600 ms\n  easing: 'swing', // Do it with swing animation\n  onScrollEnd: function() {\n    // Give me some log when animation ends\n    console.log('This is the end, my only friend, the end...');\n  }\n});\n```\n\n## Folders\n\n<pre>\nmaterial-scrolltop/\n├── src/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.scss\n│   └── material-scrolltop.ts\n├── dist/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.css\n│   └── material-scrolltop.js\n└── demo/\n    ├── ...\n    └── index.html\n    └── examples/\n</pre>\n\n### src/ (for development)\n\nTypescript + sass source files\n\n### dist/ (for production)\n\nJavaScript + CSS\n\n(compiled from `src/` folder with command `yarn build`)\n\n### demo/ (example page)\n\nHere you can see it in [real use](https://bartholomej.github.io/material-scrolltop/).\n\n## Customization\n\n### Colors, sizes and stuff\n\nUsing SASS [_(this file in 'src' folder)_](src/material-scrolltop.scss), you can simply edit default styles, colors, position and customize plugin to fit your needs. :thumbsup: (Or just edit directly css stylesheet)\n\nHint: Modify scss file, run `yarn build` and see the demo.\n\n### Icons\n\n#### SVG\n\nYou can change `svg` icon in [`icons/`](src/icons/) directory.\n\n#### Custom text or sign\n\n1.  Turn off svg icon as sass variable: `$mst-icon: false`\n2.  Build your new stylesheet `yarn build` (now without svg icon)\n3.  Put your new sign or text inside html `<span>` element like this:\n\n```html\n<button class=\"material-scrolltop\" type=\"button\">\n  <span>↑</span>\n</button>\n```\n\n## Dependencies\n\njQuery 1.7+\n\n## Breaking changes\n\nVersion 2.x.x contains some breaking changes.\n\n- **src/** folder now contains source files `.scss` + `.ts` which are NOT executable in browser.\n- **dist/** folder contains compiled `.css`, `.js`, ... (executable in browser!)\n\n## Old version\n\nOld version is still available:\n\n- Dev branch: [1.x](https://github.com/bartholomej/material-scrolltop/tree/1.x)\n- npm package: `yarn add material-scrolltop@1`\n\n## Application\n\n- [Drupal module](https://www.drupal.org/project/material_scrolltop)\n\n## License\n\nCopyright &copy; 2015 - 2020 [Lukas Bartak](http://bartweb.cz)\n\nProudly powered by nature 🗻, wind 💨, tea 🍵 and beer 🍺 ;)\n\nAll contents are licensed under the [MIT license].\n\n[mit license]: LICENSE\n","readmeFilename":"README.md","gitHead":"81e0afa18e18ad8a4e1f55128ccd5368f3eded58","_id":"material-scrolltop@2.0.0-beta.3","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-00PX7tJhotjBNb04ZU/84HDUKP9kY2AahYqD9xxuVWfSk9yuKdd1PQvKw0435s9IqGUarR+JgYrm4yQU1fswgA==","shasum":"393c1429c1b6ffd5275a86d309e46c22d82ab813","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-2.0.0-beta.3.tgz","fileCount":7,"unpackedSize":14107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeENJsCRA9TVsSAnZWagAArBYP/0CR4BEbF9bXS1vmXI/i\nu1qW/03D9GX0FRtvblfQeFuX3yd1/MGtcvo+yb964qhHoRpi4XVxKz1zzfZ4\njvkKL4cAwnBE4IXc6svSOss8Caa8mtmGAW24ANEjWaJGv017p7A/ENFQAVom\nENb0ydd3d+2uWAD4quHRk7bdRyFdj4za2GqcFgZBZp2J8hb7na0gsJofPGHF\nFAF1pqN18PnLsB8Alnz5ZJsKMrXcAEIYikpuz23Ng8Hke4UuwI6Ukw0JguVJ\nEIyb5BMeIlTmV+toEL7P1Qe9aRNBjRbCweAf+oq9KzLb+qLjYjKDhV5F9xU5\nmCf3udqOD3sMzfNU3sbYAYiEwrvXWxBbEyiDPhYsYkMZlSW0d2vK+4+4JzYm\nU8wAvMuj8yKlb6dh7tM3JfGoiF7yOLeZ3wk74e6TbEHfOtcnmZdNX65isuav\nWQMfg9Lp57rSVj4Lj6OQP2e9ZoW6QbXKyWp59kEj2WzYKEIrBGETqsWl4/Kn\n0n7zQfoIssi1yw9+6dwV0sERxQWvBQ5VwYftYiaTDRG+iZqS+wlkyqIJoohJ\nwSEcon5K4V8dGcztLRgARgWWkO2FsLGUanhWBDhvEAI/CJXnUkPQfJJG89qv\njNNdWcfDsEOvIEQav4EO88K6L9HLDLgur6PorYFj2YaAp4NPBCS1lZwd5QQ9\nv7EV\r\n=FrZi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUxtELF7nS8xTfx6BF9R1BVD9oDjzJf2U7OR24n1VTtgIgA+bmpiF0vyCY3Jq1q7KrUM7337wUixxle1bOM9Jgi3c="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_2.0.0-beta.3_1578160748224_0.39229860511344095"},"_hasShrinkwrap":false},"2.0.0":{"name":"material-scrolltop","version":"2.0.0","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"./dist/material-scrolltop.js","types":"./dist/material-scrolltop.d.ts","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"start":"yarn build --watch","build":"yarn delete:dist & yarn copy & yarn build:scss & yarn tsc","tsc":"tsc","delete:dist":"rm -rf dist/* ","copy":"rsync -r ./src/icons ./dist/","build:scss":"node-sass src -o dist","version":"","postversion":"git push && git push --follow-tags","release:patch":"git checkout master && npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"git checkout master && npm version minor -m \"chore(update): release %s 🚀\"","release:major":"git checkout master && npm version major -m \"chore(update): major release %s 💥 \""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"peerDependencies":{"jquery":">=1.7"},"devDependencies":{"@types/jquery":"^3.3.31","node-sass":"^4.13.0","typescript":"^3.7.4"},"engines":{"yarn":">= 1.0.0","node":">=10"},"gitHead":"776e9785d9206ad12f2b69b8afb3e6727a9a6a80","_id":"material-scrolltop@2.0.0","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-RcLAwt2I0DMlBMEBCWw+qIZE1YcVFzh1i3QCY5rq0V4QyE390gtjTe/bSYF6l77jAJ10j8pS4ntGvdu8drjPaw==","shasum":"b3cecd40b7bef9653cbe43620f05b92deda2ac98","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-2.0.0.tgz","fileCount":6,"unpackedSize":14066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEOEpCRA9TVsSAnZWagAAcX8P/RrkrmHsfvMHrvQmKJYT\ncMUgVk06WKlDiL+38Hy9MT8XG/z0MPxH47BzesNfEAfYQV7WsDg/MOpdd9MW\nDfLm9DMZFAyPQEajX5Hii1x4ddy5+OXnX+CV11aEkUqPtcIzNyEqn0TqaON5\na8awdgopIMJ5xnrEJSLilStRdcB+fZQNSMh9koMDXzbo9R/9jyD3JnOE/0ec\n7YvJ/xD/27IomHly5k2Yg0ziSdfnKols3i4x3mTEMJbigOQ/BoP1x+sUZI0d\nce74LTGdYb+8h3iEUkWCfJwRdoycDu8a+VWR9dCPBcCcV5NByOHZxUCbdQq4\nR93rs8RUSBevLaUU7TTuVS3Xs7YunJ7UmzG7PA/tRFL8zICAXpzo7+lm6lf5\nkIV5xIT35pU0cnbRM5yOfo1/UkAQnsWCOvuDQjFCXp/df08/kBDpw6N6l3et\n4kbRxWwgNs7pqQJbUdvh3fX96bTjxjxsuubXo7HV+ZJf7DxYKeBX2PxvVWFH\nGUsEv00m097YfDZy/WgkT0gNlZurrq/9oKuTWrWkMzBS1JnDNg0HJdmtAc08\nn0JHJ1RAOkC4nQ2FmCTF9pk4Xj7tfhFKpoypqQE229yNjlYNeXgx06rdK9Zi\nFCqhvHRFAnO6T4QF4phb/Y7IzXWogxByoQRtKlR4ONCA62lxL5sftMqTt9mB\nq/WD\r\n=nMwC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBtPnSUX3oEjdGUVk7/4+QnhMzvEUgh+rdfYEWLxDKYQIgXvWMd+OqbT6UbIvGFfCOoPOJb1/y+EETK33pOmAuocM="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_2.0.0_1578164520968_0.1457944599960601"},"_hasShrinkwrap":false},"1.0.2":{"name":"material-scrolltop","version":"1.0.2","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"src/material-scrolltop.js","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"version":"","postversion":"git push && git push --follow-tags","release:patch":"npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"npm version minor -m \"chore(update): release %s 🚀\""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"publishConfig":{"tag":"1-latest"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass"],"peerDependencies":{"jquery":">=1.7"},"engines":{"yarn":">= 1.0.0","node":">=0.12"},"gitHead":"11224d8913d872298376565b5395b108c64ceba9","readme":"> **This is an OLDER version of this package.**\n>\n> This branch is in maintenance mode and only receives security updates and critical bug fixes.\n>\n> **Stay fresh with the [latest version](https://github.com/bartholomej/material-scrolltop/) in `master` branch!**\n\n[![Join the chat at https://gitter.im/material-scrolltop/Lobby](https://badges.gitter.im/material-scrolltop/Lobby.svg)](https://gitter.im/material-scrolltop/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n\n# Material ScrollTop Button\n\nLightweight, **Material Design inspired button for scroll-to-top** of the page (jQuery plugin).\n\nJust hit the button to smoothly scroll back to the top of the page. [Here's the demo.](http://bartholomej.github.io/material-scrolltop/)\n\n- Lightweight\n- Material Design inspired\n- With ripple effect\n- Smoothly animated\n- [Customizable](#customization)\n- With some useful [options](#settings)...\n- CSS3 (Sass) + jQuery\n\n![Demo animation](https://github.com/bartholomej/material-scrollTop/blob/master/demo/images/material-scrolltop-animation.gif)\n\n## Demo (example)\n\nWatch this: [http://bartholomej.github.io/material-scrolltop/\n](http://bartholomej.github.io/material-scrolltop/)\n\n## Install\n\n> **This is an OLDER version of this package.**\n>\n> This branch is in maintenance mode and only receives security updates and critical bug fixes.\n>\n> **Stay fresh with the [latest version](https://github.com/bartholomej/material-scrolltop/) in `master` branch!**\n\nVia **yarn** or **npm**\n\n```bash\nyarn add material-scrolltop@1-latest\n```\n\nVia **bower**\n\n```bash\nbower install material-scrolltop\n```\n\n### Manual install (download)\n\nIf you want the latest stable version, get the [latest release](https://github.com/bartholomej/material-scrollTop/releases/latest) from the releases page.\n\n## Usage\n\nInclude the files as shown in the code snippets below and you're done.\n\nNOTE: The only dependency for this plugin to work is **jQuery library** (don't forget!)\n\nIn your `<head>` add:\n\n```html\n<!-- Material ScrollTop stylesheet -->\n<link rel=\"stylesheet\" href=\"css/material-scrolltop.css\" />\n```\n\nThen, before your closing `</body>` tag add:\n\n```html\n<!-- material-scrolltop button -->\n<button class=\"material-scrolltop\" type=\"button\"></button>\n\n<!-- material-scrolltop plugin -->\n<script src=\"js/material-scrolltop.js\"></script>\n\n<!-- Initialize material-scrolltop with (minimal) -->\n<script>\n  $(\"body\").materialScrollTop();\n</script>\n```\n\n## Settings\n\n| Option         | Type       | Default | Description                                                          |\n| -------------- | ---------- | ------- | -------------------------------------------------------------------- |\n| revealElement  | string     | body    | Reveal button when scrolling over specific element                   |\n| revealPosition | string     | top     | Element position for reveal button (`'top'` or `'bottom'`)           |\n| padding        | number     | 0       | Adjusts little ups and downs in scrolling (can be negative number)   |\n| duration       | number     | 600     | Determining how long the animation will run                          |\n| easing         | string     | 'swing' | Indicating which easing function to use for the transition animate() |\n| onScrollEnd    | Function() | false   | A function to call once the animation is complete                    |\n\n### Example\n\n```javascript\n$(\"body\").materialScrollTop({\n  // Scroll to the top of <body> element ...\n  padding: 100, // ... and add padding 100px\n  revealElement: \"header\", // Reveal button when scrolling over <header> ...\n  revealPosition: \"bottom\", // ... and do it at the end of </header> element\n  duration: 600, // Animation will run 600 ms\n  easing: \"swing\", // Do it with swing animation\n  onScrollEnd: function() {\n    // Give me some log when animation ends\n    console.log(\"This is the end, my only friend, the end...\");\n  }\n});\n```\n\n## Customization\n\n### Colors, sizes and stuff\n\nUsing SASS [_(this file)_](src/material-scrolltop.scss), you can simply edit default styles, colors, position and customize plugin to fit your needs. :thumbsup: (Or just edit directly css stylesheet)\n\n### Icons\n\n#### SVG\n\nYou can change `svg` icon in [`src/icons/`](src/icons/) directory.\n\n#### Custom text or sign\n\n1.  Turn off svg icon as sass variable: `$mst-icon: false`\n2.  Build your new stylesheet (now without svg icon)\n3.  Put your new sign or text inside html `<span>` element like this:\n\n```html\n<button class=\"material-scrolltop\" type=\"button\">\n  <span>↑</span>\n</button>\n```\n\n## Dependencies\n\njQuery 1.7+\n\n## Application\n\n- [Drupal module](https://www.drupal.org/project/material_scrolltop)\n\n## License\n\nCopyright &copy; 2015 [Lukas Bartak](http://bartweb.cz)\n\nProudly powered by nature, wind, tea and beer ;)\n\nAll contents are licensed under the [MIT license].\n\n[mit license]: LICENSE\n","readmeFilename":"README.md","_id":"material-scrolltop@1.0.2","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-IK6TkCqsHLcahNMK12MmvZT9U0whN6RziuvHtojwiqJFs4w2RGpFjNnuGza2DL2811luEwzGaNJCr0I2j4IWdA==","shasum":"c890448e83f902209337ade853cfcaa517398c9c","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-1.0.2.tgz","fileCount":14,"unpackedSize":344636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEaDMCRA9TVsSAnZWagAA8LYQAIute6gQucCkmcp874KA\ntxZbAaAbEs8pL/eqpRUP0GpDkQGbaRIhhPhBTDb9r6QNmuXcNEF6KYm43DPC\nZGu4h0I5AMzL1JR56BYMjcl9gxIrAwippxcDXXylcneGtx57CEzgPL248ukN\nEh8pkMjGNCGWiwp2QMxot6ML989iI7kAhlSLDd7vDdcPOcDa2sXbBEys4LXN\npiM7LItMXStjc+9sipccti8QoG4QQke/19hWIV68cXt39DHl0VcIKgPmDorh\nFB5nWLF0KSliaPldDPWObXwYUTFELkh6Dx9BVpycXxNuX43sPPSbSNv3tgSX\nogOApO9GjqzpAiYq0D3ppOK7IWAz2+qolbnQTf3QL6d5xAFC8rF5hRw4jGNq\nArNyAAkZY87e6fs8/ZDh+cl1eHnSGPOfDuiiaQXLYHW/M+y6QZoiwPOacDrV\nwzsSoS+dBIB6Pa7tQb7UD2qb8Io7HIa81SmXPxGoqfsvJulUfNAeme0y+cjR\nS7Oo8GqmKyub8xuDxOBmQBY5HRv6vXEe6+0WCP0/yeqWu9jHT9C5afFMmL4W\nGB9+zcNnrrOIOajaBxMSNGbg9ZKK2autp9uPzF5NuSuU371PQ2ohw3cYRqjH\ni0SpnIYGjliTgI5pTyFpPQxpQC4ADqLuRwY4Wc6tP1/mBwGkfIZJYn32Q8we\na8f3\r\n=4GDN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG0EhltliD9ceD6r6Za62qMBrNoIdgVA9+AYbX5md7e/AiEAtq+2gflGn136XOsHLbT07LUPQqFfguvmyn0cLn3zIhw="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_1.0.2_1578213580132_0.3688044813338025"},"_hasShrinkwrap":false},"2.0.1-next.2":{"name":"material-scrolltop","version":"2.0.1-next.2","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"./dist/material-scrolltop.js","types":"./dist/material-scrolltop.d.ts","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"start":"yarn build --watch","build":"yarn delete:dist & yarn copy & yarn build:scss & yarn tsc","tsc":"tsc","delete:dist":"rm -rf dist/* ","copy":"rsync -r ./src/icons ./dist/","build:scss":"node-sass src -o dist","version":"","postversion":"git push && git push --follow-tags","release:patch":"git checkout master && npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"git checkout master && npm version minor -m \"chore(update): release %s 🚀\"","release:major":"git checkout master && npm version major -m \"chore(update): major release %s 💥 \""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"peerDependencies":{"jquery":">=1.7"},"devDependencies":{"@types/jquery":"^3.3.31","node-sass":"^4.13.0","typescript":"^3.7.4"},"engines":{"yarn":">= 1.0.0","node":">=10"},"readme":"[![npm version](https://badge.fury.io/js/material-scrolltop.svg)](https://badge.fury.io/js/material-scrolltop)\n[![Join the chat at https://gitter.im/material-scrolltop/Lobby](https://badges.gitter.im/material-scrolltop/Lobby.svg)](https://gitter.im/material-scrolltop/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n![](https://github.com/bartholomej/material-scrolltop/workflows/Build%20&%20Publish/badge.svg)\n[![volkswagen status](https://auchenberg.github.io/volkswagen/volkswargen_ci.svg?v=1)](https://github.com/auchenberg/volkswagen)\n\n# Material ScrollTop Button\n\n_[Upgrade instructions 1.x → 2.x](#upgrade-instructions)_\n\nLightweight, **Material Design inspired button for scroll-to-top** of the page (jQuery plugin).\n\nJust hit the button to smoothly scroll back to the top of the page. [Here's the demo.](https://bartholomej.github.io/material-scrolltop/)\n\n- Lightweight\n- Material Design inspired\n- With ripple effect\n- Smoothly animated\n- [Customizable](#customization)\n- With some useful [options](#settings)...\n- jQuery + CSS, (TypeScript + SCSS)\n\n![Demo animation](https://github.com/bartholomej/material-scrollTop/blob/master/demo/images/material-scrolltop-animation.gif?raw=true)\n\n## Demo (example)\n\nWatch this: [https://bartholomej.github.io/material-scrolltop/](https://bartholomej.github.io/material-scrolltop/)\n\n## Install\n\nVia **yarn** or **npm**\n\n```bash\nyarn add material-scrolltop\n```\n\n### Manual install (download)\n\nIf you want the latest stable version, get the [latest release](https://github.com/bartholomej/material-scrollTop/releases/latest) from the releases page and use `dist` folder.\n\n## Usage\n\nInclude the files as shown in the code snippets below and you're done.\n\nNOTE: The only dependency for this plugin to work is **jQuery library** (don't forget!)\n\nIn your `<head>` add:\n\n```html\n<!-- Material ScrollTop stylesheet -->\n<link rel=\"stylesheet\" href=\"dist/material-scrolltop.css\" />\n\n<!-- material-scrolltop plugin -->\n<script src=\"dist/material-scrolltop.js\"></script>\n```\n\nThen, before your closing `</body>` tag add:\n\n```html\n<!-- material-scrolltop button -->\n<button class=\"material-scrolltop\" type=\"button\"></button>\n\n<!-- Initialize material-scrolltop (minimal) -->\n<script>\n  $('body').materialScrollTop();\n</script>\n```\n\n## Settings\n\n| Option         | Type       | Default | Description                                                          |\n| -------------- | ---------- | ------- | -------------------------------------------------------------------- |\n| revealElement  | string     | body    | Reveal button when scrolling over specific element                   |\n| revealPosition | string     | top     | Element position for reveal button (`'top'` or `'bottom'`)           |\n| padding        | number     | 0       | Adjusts little ups and downs in scrolling (can be negative number)   |\n| duration       | number     | 600     | Determining how long the animation will run                          |\n| easing         | string     | 'swing' | Indicating which easing function to use for the transition animate() |\n| onScrollEnd    | Function() | false   | A function to call once the animation is complete                    |\n\n### Example (advanced usage)\n\n```javascript\n$('body').materialScrollTop({\n  // Scroll to the top of <body> element ...\n  padding: 100, // ... and add padding 100px\n  revealElement: 'header', // Reveal button when scrolling over <header> ...\n  revealPosition: 'bottom', // ... and do it at the end of </header> element\n  duration: 600, // Animation will run 600 ms\n  easing: 'swing', // Do it with swing animation\n  onScrollEnd: function() {\n    // Give me some log when animation ends\n    console.log('This is the end, my only friend, the end...');\n  }\n});\n```\n\n## Folders\n\n<pre>\nmaterial-scrolltop/\n├── src/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.scss\n│   └── material-scrolltop.ts\n├── dist/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.css\n│   └── material-scrolltop.js\n└── demo/\n    ├── ...\n    └── index.html\n    └── examples/\n</pre>\n\n### src/ (for development)\n\nTypeScript + SCSS source files\n\n`.ts`, `.scss`\n\n> which are NOT executable in browser\n\n### dist/ (for production)\n\nJavaScript + CSS\n\n> executable in browser and compiled from `src/` folder with command `yarn build`\n\n### demo/ (example page)\n\nIn this folder you can see an example in [real use](https://bartholomej.github.io/material-scrolltop/).\n\n## Customization\n\n### Colors, sizes and stuff\n\nUsing SASS [_(this file in 'src' folder)_](src/material-scrolltop.scss), you can simply edit default styles, colors, position and customize plugin to fit your needs. :thumbsup: (Or just edit directly css stylesheet)\n\nHint: Modify scss file, run `yarn build` and see the demo.\n\n### Icons\n\n#### SVG\n\nYou can change `svg` icon in [`icons/`](src/icons/) directory.\n\n#### Custom text or sign\n\n1.  Turn off svg icon as sass variable: `$mst-icon: false`\n2.  Build your new stylesheet `yarn build` (now without svg icon)\n3.  Put your new sign or text inside html `<span>` element like this:\n\n```html\n<button class=\"material-scrolltop\" type=\"button\">\n  <span>↑</span>\n</button>\n```\n\n## Dependencies\n\njQuery 1.7+\n\n## Upgrade instructions\n\n**Version 1.x → 2.x**\n\nVersion 2.x.x contains some breaking changes:\n\n- **src/** folder now contains source files `.scss` + `.ts` which are NOT executable in browser.\n- **dist/** folder contains compiled `.css`, `.js`, ... (executable in browser!)\n\n## Old versions\n\nOld version is still available:\n\n- Dev branch: [1.x](https://github.com/bartholomej/material-scrolltop/tree/1.x)\n- npm package: `yarn add material-scrolltop@1-latest`\n\n## Application\n\n- [Drupal module](https://www.drupal.org/project/material_scrolltop)\n\n## License\n\nCopyright &copy; 2015 - 2020 [Lukas Bartak](http://bartweb.cz)\n\nProudly powered by nature 🗻, wind 💨, tea 🍵 and beer 🍺 ;)\n\nAll contents are licensed under the [MIT license].\n\n[mit license]: LICENSE\n","readmeFilename":"README.md","gitHead":"6191bdac0ebb2be2145220cd29b7905ac01246ea","_id":"material-scrolltop@2.0.1-next.2","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-iSfMV9f2+AXFD0LKJ9wEW4WcsmMBgLhsbicTzIwrNWyOm/b0gqBlTqtDiIl+weciRw7ecGEA3q30RyIRAilLoQ==","shasum":"e40920e0b508902440d18830a865aac95f367567","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-2.0.1-next.2.tgz","fileCount":7,"unpackedSize":14639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEa/HCRA9TVsSAnZWagAAveUP/ipHL1lSi/LsDWC7c/i+\nuYCJw0+nxoc0Dj3y45PXek4x76xL4NO2zUJr47jl0ke566ag9M8efedyQML7\ny/J1pcYu11I+HUCinbyoaWBU6/UnZBCzwE6Ilb1wNje7nfq/d/K1oHPKvnG8\niUnNezcnZFc1Zza6VHE2Q1kV5mo0fjDhV1uiqA09aGRk1/vh3i60g8GmqzrG\nKzFvP1BjNft4yVYt7o/ov4O7n29ymVg+St2E9hwbg5PnWeQYDN41Tpmry34R\nvA8jtZ49c/Z4LeFBekJ5e4/3l+nqFjO6uydaaDYj1KYc/ZfgB6/YViKob5cG\n6oVWTOCx6RvlzMVARhF82aqgq9yvVaE3KapBCS5pujexaVIs9NYzUUCpg6lf\nAshHRAlYWSEovRr4SqDNKUMzT6Cy3LHnC/Zu2mCTI5T5IX4nsz4GYubXtmrO\npa+6nKXjL8l2aVwveeF0yHUvGx/WDXUJtCH+Sgscref1Xfb36SY/AWvH+uPY\ngU4W5xwxMgYvRGh4BE11uYgEaZQTKMn6n9vjOvzJ9JRZWKcX+HGOyZlD/h0+\ngHKzX5lz33BOp21j2xRwuwDa2AcVIS1GbzG/fXMeeY1DUZdXuslV5GMPDMtX\nEC5jcCfTlFwKatcFBb5XXsxYCLNITPGeWgvexrvx9QDSTCdQJdOSwjI8jt96\nfmqb\r\n=BQIe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE3qAZXAuV3wRNYTYkgwJ3r8OhoQrHE4L7fgXYtq0OENAiEA5dS+i2nBjJbOa4p8oFWCWZThcfm09FmH2baJyfc32SM="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_2.0.1-next.2_1578217415326_0.4490623093063517"},"_hasShrinkwrap":false},"2.0.1":{"name":"material-scrolltop","version":"2.0.1","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"./dist/material-scrolltop.js","types":"./dist/material-scrolltop.d.ts","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"start":"yarn build --watch","build":"yarn delete:dist & yarn copy & yarn build:scss & yarn tsc","tsc":"tsc","delete:dist":"rm -rf dist/* ","copy":"rsync -r ./src/icons ./dist/","build:scss":"node-sass src -o dist","version":"","postversion":"git push && git push --follow-tags","release:patch":"git checkout master && npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"git checkout master && npm version minor -m \"chore(update): release %s 🚀\"","release:major":"git checkout master && npm version major -m \"chore(update): major release %s 💥 \""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"peerDependencies":{"jquery":">=1.7"},"devDependencies":{"@types/jquery":"^3.3.31","node-sass":"^4.13.0","typescript":"^3.7.4"},"engines":{"yarn":">= 1.0.0","node":">=10"},"gitHead":"3deebf3523b931ec26325a17efa6b40222d52cab","_id":"material-scrolltop@2.0.1","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-fwoemIbL3pKpd1kT2hn8LHBr8XBFCn5e0W0E1TR7ybFID+TEh0ZzSjrm77dyH84OYkIltUukCZtx/CrdM6eZ7A==","shasum":"0d033983c7d320e07b55ca5536e0bcd6a77cc308","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-2.0.1.tgz","fileCount":7,"unpackedSize":14632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEbHNCRA9TVsSAnZWagAA9ZgQAImiAjF/HmoqvrSuukh9\nFvKD5TTEz9H7m4Gqw8k2m8rbLcCCM9cJMiStAzxoBRkY+ZkF+NUDIvjYiohi\nXbOkcVCfqoCEtoodPow2kVdNVE4IMLNaLK+aqikyVTkzdfvGkonQvA1SCfv8\noTVTdJco+Ze2rINUP7HXCvw/D7JdfaEW3XUrkt0wAH6xdB0RHT9aFdGwM00H\ny0Bo1m5kSDe9BBjFvURASIS+jyLku374DNxcuMlI+9fP6E63PiBYyl/ODPO8\nY3s5F9nSBssRiU9vnhBCHLg0l8G3nHsc8k5UEzwWxfX7rQld7DsOOoUZrTdH\nHCIwTOk8mWSXJy2ebWczorn950H6/89AMjKwc8psFUyi2/DkjelGINpGoxaS\nKPOXPPfLwMqzuBFlbYdblOnm73eBz0nbJuZPDMjQZRJEWFzI4ZDg3JGQ4RfM\nb2VWD062bD/nR06n3Wu7Ge3dJco7+hc3ieAdqmYBhXqkqFBS9JjxMA41ZxiG\nIn763arbxakhF8Qet+H7WRWdlQpzjB+i8B+Dt3kV/Md3Ai37CvnXk1jFb3SH\nV4zM6Mu9ad35FCel7KGwl8atfPQlaLXl1gcRJbpe2FKjkze1wnP8hQbDDd+7\n8vYkGLY4BbLqjG9jwYMohJH8AwzYu6l5ZQrrirccdFP4x/Gv8Oyd1qPVCsob\nNp6Y\r\n=LkWr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAvyQh1mpfI2BozksWUl5GuLnqM8m4myo8Dsi3EjvWi9AiEAiigef5i/N8aKyAufjDdn8vhfEZe8+bYGoiZNozKfTWs="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_2.0.1_1578217932913_0.44820547380258"},"_hasShrinkwrap":false},"2.1.0-next.1":{"name":"material-scrolltop","version":"2.1.0-next.1","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"./dist/material-scrolltop.js","types":"./dist/material-scrolltop.d.ts","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"start":"yarn build --watch","build":"yarn delete:dist & yarn copy & yarn build:scss & yarn tsc && yarn compress","compress":"yarn node-minify --compressor uglify-js --input 'dist/material-scrolltop.js' --output 'dist/material-scrolltop.min.js' && yarn node-minify --compressor cssnano --input 'dist/material-scrolltop.css' --output 'dist/material-scrolltop.min.css'","tsc":"tsc","node-minify":"node-minify","delete:dist":"rm -rf dist/* ","copy":"rsync -r ./src/icons ./dist/","build:scss":"node-sass src -o dist","version":"","postversion":"git push && git push --follow-tags","release:patch":"git checkout master && npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"git checkout master && npm version minor -m \"chore(update): release %s 🚀\"","release:major":"git checkout master && npm version major -m \"chore(update): major release %s 💥 \""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"peerDependencies":{"jquery":">=1.7"},"devDependencies":{"@node-minify/cli":"^5.2.1","@node-minify/cssnano":"^5.2.0","@node-minify/uglify-js":"^5.2.1","@types/jquery":"^3.3.31","node-sass":"^4.13.0","typescript":"^3.7.4"},"engines":{"yarn":">= 1.0.0","node":">=10"},"readme":"[![npm version](https://badge.fury.io/js/material-scrolltop.svg)](https://badge.fury.io/js/material-scrolltop)\n[![Join the chat at https://gitter.im/material-scrolltop/Lobby](https://badges.gitter.im/material-scrolltop/Lobby.svg)](https://gitter.im/material-scrolltop/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n![](https://github.com/bartholomej/material-scrolltop/workflows/Build%20&%20Publish/badge.svg)\n[![volkswagen status](https://auchenberg.github.io/volkswagen/volkswargen_ci.svg?v=1)](https://github.com/auchenberg/volkswagen)\n\n# Material ScrollTop Button\n\n_[Upgrade instructions 1.x → 2.x](#upgrade-instructions)_\n\nLightweight, **Material Design inspired button for scroll-to-top** of the page (jQuery plugin).\n\nJust hit the button to smoothly scroll back to the top of the page. [Here's the demo.](https://bartholomej.github.io/material-scrolltop/)\n\n- Lightweight (~1kB gzipped)\n- Material Design inspired\n- With ripple effect\n- Smoothly animated\n- [Customizable](#customization)\n- With some useful [options](#settings)...\n- jQuery + CSS, (TypeScript + SCSS)\n\n![Demo animation](https://github.com/bartholomej/material-scrollTop/blob/master/demo/images/material-scrolltop-animation.gif?raw=true)\n\n## Demo (example)\n\nWatch this: [https://bartholomej.github.io/material-scrolltop/](https://bartholomej.github.io/material-scrolltop/)\n\n## Install\n\nVia **yarn** or **npm**\n\n```bash\nyarn add material-scrolltop\n```\n\n### Manual install (download)\n\nIf you want the latest stable version, get the [latest release](https://github.com/bartholomej/material-scrollTop/releases/latest) from the releases page and use `dist` folder.\n\n## Usage\n\nInclude the files as shown in the code snippets below and you're done.\n\nNOTE: The only dependency for this plugin to work is **jQuery library** (don't forget!)\n\nIn your `<head>` add:\n\n```html\n<!-- Material ScrollTop stylesheet -->\n<link rel=\"stylesheet\" href=\"dist/material-scrolltop.css\" />\n\n<!-- material-scrolltop plugin -->\n<script src=\"dist/material-scrolltop.js\"></script>\n```\n\nThen, before your closing `</body>` tag add:\n\n```html\n<!-- material-scrolltop button -->\n<button class=\"material-scrolltop\" type=\"button\"></button>\n\n<!-- Initialize material-scrolltop (minimal) -->\n<script>\n  $('body').materialScrollTop();\n</script>\n```\n\n## Settings\n\n| Option         | Type       | Default | Description                                                          |\n| -------------- | ---------- | ------- | -------------------------------------------------------------------- |\n| revealElement  | string     | body    | Reveal button when scrolling over specific element                   |\n| revealPosition | string     | top     | Element position for reveal button (`'top'` or `'bottom'`)           |\n| padding        | number     | 0       | Adjusts little ups and downs in scrolling (can be negative number)   |\n| duration       | number     | 600     | Determining how long the animation will run                          |\n| easing         | string     | 'swing' | Indicating which easing function to use for the transition animate() |\n| onScrollEnd    | Function() | false   | A function to call once the animation is complete                    |\n\n### Example (advanced usage)\n\n```javascript\n$('body').materialScrollTop({\n  // Scroll to the top of <body> element ...\n  padding: 100, // ... and add padding 100px\n  revealElement: 'header', // Reveal button when scrolling over <header> ...\n  revealPosition: 'bottom', // ... and do it at the end of </header> element\n  duration: 600, // Animation will run 600 ms\n  easing: 'swing', // Do it with swing animation\n  onScrollEnd: function() {\n    // Give me some log when animation ends\n    console.log('This is the end, my only friend, the end...');\n  }\n});\n```\n\n## Folders\n\n<pre>\nmaterial-scrolltop/\n├── src/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.scss\n│   └── material-scrolltop.ts\n├── dist/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.css\n│   └── material-scrolltop.js\n└── demo/\n    ├── ...\n    └── index.html\n    └── examples/\n</pre>\n\n### src/ (for development)\n\nTypeScript + SCSS source files\n\n`.ts`, `.scss`\n\n> which are NOT executable in browser\n\n### dist/ (for production)\n\nJavaScript + CSS\n\n> executable in browser and compiled from `src/` folder with command `yarn build`\n\n### demo/ (example page)\n\nIn this folder you can see an example in [real use](https://bartholomej.github.io/material-scrolltop/).\n\n## Customization\n\n### Colors, sizes and stuff\n\nUsing SASS [_(this file in 'src' folder)_](src/material-scrolltop.scss), you can simply edit default styles, colors, position and customize plugin to fit your needs. :thumbsup: (Or just edit directly css stylesheet)\n\nHint: Modify scss file, run `yarn build` and see the demo.\n\n### Icons\n\n#### SVG\n\nYou can change `svg` icon in [`icons/`](src/icons/) directory.\n\n#### Custom text or sign\n\n1.  Turn off svg icon as sass variable: `$mst-icon: false`\n2.  Build your new stylesheet `yarn build` (now without svg icon)\n3.  Put your new sign or text inside html `<span>` element like this:\n\n```html\n<button class=\"material-scrolltop\" type=\"button\">\n  <span>↑</span>\n</button>\n```\n\n## Dependencies\n\njQuery 1.7+\n\n## Upgrade instructions\n\n**Version 1.x → 2.x**\n\nVersion 2.x.x contains some breaking changes:\n\n- **src/** folder now contains source files `.scss` + `.ts` which are NOT executable in browser.\n- **dist/** folder contains compiled `.css`, `.js`, ... (executable in browser!)\n\n## Old versions\n\nOld version is still available:\n\n- Dev branch: [1.x](https://github.com/bartholomej/material-scrolltop/tree/1.x)\n- npm package: `yarn add material-scrolltop@1-latest`\n\n## Application\n\n- [Drupal module](https://www.drupal.org/project/material_scrolltop)\n\n## License\n\nCopyright &copy; 2015 - 2020 [Lukas Bartak](http://bartweb.cz)\n\nProudly powered by nature 🗻, wind 💨, tea 🍵 and beer 🍺 ;)\n\nAll contents are licensed under the [MIT license].\n\n[mit license]: LICENSE\n","readmeFilename":"README.md","gitHead":"4e2d15d7877ce7bea970ee415fc63f7a6cb59910","_id":"material-scrolltop@2.1.0-next.1","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-kJXZ0pgx9Ccp//IPhObrC6fsdtZmq3rWSKJ9fg62zsbXw+Z3L6EKr5bRsXnkKINOKIMKrv6zR2a7BXl/hd6hwQ==","shasum":"564c0e8ac04efe31e6b754dd545fa96027eba38d","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-2.1.0-next.1.tgz","fileCount":9,"unpackedSize":17486,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEbauCRA9TVsSAnZWagAA7HQP/3URSmlF3vqu72RTBB7Y\nT9Af1IkgA74URMwcN6THPkeuH62V9V6NaPAlS2hFF1++K/Py0OFnaTMFsRBb\nrgtzS4ikZrDZmN6x3wGuiwOJuLRav4oAmyHaM+3Tol7Vpc2bJrMKeDQFOQfU\n/wrhkMUw5OE63rRvHxTinoC5NlI3JOXlwofNw7oKg2D2tLT8U/WRuq7PBBsJ\nIQYM8qXjCVh8FzLFASckggHn1THoQWTuaA7oDlAS9YNOISOeQN284YUiXXTi\no5iJWXiDo+E4p6MuoIsyu2BThdLNLgX3dQqhOWyJur/WZ43K32uSrrfZSUBs\nHhzseb85swN8mLqe/JLEydBoO0r/6ShMJ4ZqZeOMJ8jHoNBHJAwAw3QXyTJz\nC6ygoSm3quO7dNOB2Bw5MsqvVpru3QY2F4Mg56y0hPeIdAEgd8jeJ/KlZL/n\nCH9iMXM3fDZSBxJW6jX7Uc2bgPQt90fd288ZCMSNlzVJHLIIjFD1fnIi5zM9\nmBdvhQL5ZuuEnvxSxIN0F4BPAJwz6dHBkAu7rxBnYGs989nWyYOX5+S4kxZi\ns/YFeP5MKZZ1A/7bf/7m5IStPLquXgt8ptekEAns0teeNXy9KP+o7GI8SCPh\nNJZ7CdbES3l1STUZBg0Ki/SzYBPQEF9HL4/wv1ulaRkU3vKhmh/ymLXZsh+8\nYMpW\r\n=R0ii\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDtBz1Xabdj8bzIsYrB9EQNS5iJvJRITNtQ5tCwl+P5wIgAn+t90t5/n3ie+Lz34h87IouLsccgFys8R/xwke/+2w="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_2.1.0-next.1_1578219181963_0.7115294766082538"},"_hasShrinkwrap":false},"2.1.0-next.2":{"name":"material-scrolltop","version":"2.1.0-next.2","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"./dist/material-scrolltop.js","types":"./dist/material-scrolltop.d.ts","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"start":"yarn build --watch","build":"yarn delete:dist & yarn copy & yarn build:scss & yarn tsc && yarn compress","compress":"yarn node-minify --compressor uglify-js --input 'dist/material-scrolltop.js' --output 'dist/material-scrolltop.min.js' && yarn node-minify --compressor cssnano --input 'dist/material-scrolltop.css' --output 'dist/material-scrolltop.min.css'","tsc":"tsc","node-minify":"node-minify","delete:dist":"rm -rf dist/* ","copy":"rsync -r ./src/icons ./dist/","build:scss":"node-sass src -o dist","version":"","postversion":"git push && git push --follow-tags","release:patch":"git checkout master && npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"git checkout master && npm version minor -m \"chore(update): release %s 🚀\"","release:major":"git checkout master && npm version major -m \"chore(update): major release %s 💥 \""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"peerDependencies":{"jquery":">=1.7"},"devDependencies":{"@node-minify/cli":"^5.2.1","@node-minify/cssnano":"^5.2.0","@node-minify/uglify-js":"^5.2.1","@types/jquery":"^3.3.31","node-sass":"^4.13.0","typescript":"^3.7.4"},"engines":{"yarn":">= 1.0.0","node":">=10"},"readme":"[![npm version](https://badge.fury.io/js/material-scrolltop.svg)](https://badge.fury.io/js/material-scrolltop)\n[![Join the chat at https://gitter.im/material-scrolltop/Lobby](https://badges.gitter.im/material-scrolltop/Lobby.svg)](https://gitter.im/material-scrolltop/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n![](https://github.com/bartholomej/material-scrolltop/workflows/Build%20&%20Publish/badge.svg)\n[![volkswagen status](https://auchenberg.github.io/volkswagen/volkswargen_ci.svg?v=1)](https://github.com/auchenberg/volkswagen)\n\n# Material ScrollTop Button\n\n_[Upgrade instructions 1.x → 2.x](#upgrade-instructions)_\n\nLightweight, **Material Design inspired button for scroll-to-top** of the page (jQuery plugin).\n\nJust hit the button to smoothly scroll back to the top of the page. [Here's the demo.](https://bartholomej.github.io/material-scrolltop/)\n\n- Lightweight (~1kB gzipped)\n- Material Design inspired\n- With ripple effect\n- Smoothly animated\n- [Customizable](#customization)\n- With some useful [options](#settings)...\n- jQuery + CSS, (TypeScript + SCSS)\n\n![Demo animation](https://github.com/bartholomej/material-scrollTop/blob/master/demo/images/material-scrolltop-animation.gif?raw=true)\n\n## Demo (example)\n\nWatch this: [https://bartholomej.github.io/material-scrolltop/](https://bartholomej.github.io/material-scrolltop/)\n\n## Install\n\nVia **yarn** or **npm**\n\n```bash\nyarn add material-scrolltop\n```\n\n### Manual install (download)\n\nIf you want the latest stable version, get the [latest release](https://github.com/bartholomej/material-scrollTop/releases/latest) from the releases page and use `dist` folder.\n\n## Usage\n\nInclude the files as shown in the code snippets below and you're done.\n\nNOTE: The only dependency for this plugin to work is **jQuery library** (don't forget!)\n\nIn your `<head>` add:\n\n```html\n<!-- Material ScrollTop stylesheet -->\n<link rel=\"stylesheet\" href=\"dist/material-scrolltop.css\" />\n\n<!-- material-scrolltop plugin -->\n<script src=\"dist/material-scrolltop.js\"></script>\n```\n\nThen, before your closing `</body>` tag add:\n\n```html\n<!-- material-scrolltop button -->\n<button class=\"material-scrolltop\" type=\"button\"></button>\n\n<!-- Initialize material-scrolltop (minimal) -->\n<script>\n  $('body').materialScrollTop();\n</script>\n```\n\n## Settings\n\n| Option         | Type       | Default | Description                                                          |\n| -------------- | ---------- | ------- | -------------------------------------------------------------------- |\n| revealElement  | string     | body    | Reveal button when scrolling over specific element                   |\n| revealPosition | string     | top     | Element position for reveal button (`'top'` or `'bottom'`)           |\n| padding        | number     | 0       | Adjusts little ups and downs in scrolling (can be negative number)   |\n| duration       | number     | 600     | Determining how long the animation will run                          |\n| easing         | string     | 'swing' | Indicating which easing function to use for the transition animate() |\n| onScrollEnd    | Function() | false   | A function to call once the animation is complete                    |\n\n### Example (advanced usage)\n\n```javascript\n$('body').materialScrollTop({\n  // Scroll to the top of <body> element ...\n  padding: 100, // ... and add padding 100px\n  revealElement: 'header', // Reveal button when scrolling over <header> ...\n  revealPosition: 'bottom', // ... and do it at the end of </header> element\n  duration: 600, // Animation will run 600 ms\n  easing: 'swing', // Do it with swing animation\n  onScrollEnd: function() {\n    // Give me some log when animation ends\n    console.log('This is the end, my only friend, the end...');\n  }\n});\n```\n\n## Folders\n\n<pre>\nmaterial-scrolltop/\n├── src/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.scss\n│   └── material-scrolltop.ts\n├── dist/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.css\n│   └── material-scrolltop.js\n└── demo/\n    ├── ...\n    └── index.html\n    └── examples/\n</pre>\n\n### src/ (for development)\n\nTypeScript + SCSS source files\n\n`.ts`, `.scss`\n\n> which are NOT executable in browser\n\n### dist/ (for production)\n\nJavaScript + CSS\n\n> executable in browser and compiled from `src/` folder with command `yarn build`\n\n### demo/ (example page)\n\nIn this folder you can see an example in [real use](https://bartholomej.github.io/material-scrolltop/).\n\n## Customization\n\n### Colors, sizes and stuff\n\nUsing SASS [_(this file in 'src' folder)_](src/material-scrolltop.scss), you can simply edit default styles, colors, position and customize plugin to fit your needs. :thumbsup: (Or just edit directly css stylesheet)\n\nHint: Modify scss file, run `yarn build` and see the demo.\n\n### Icons\n\n#### SVG\n\nYou can change `svg` icon in [`icons/`](src/icons/) directory.\n\n#### Custom text or sign\n\n1.  Turn off svg icon as sass variable: `$mst-icon: false`\n2.  Build your new stylesheet `yarn build` (now without svg icon)\n3.  Put your new sign or text inside html `<span>` element like this:\n\n```html\n<button class=\"material-scrolltop\" type=\"button\">\n  <span>↑</span>\n</button>\n```\n\n## Other usage examples\n\n> Real examples from real users :)\n\n- [With Webpack](https://github.com/bartholomej/material-scrolltop/issues/5#issuecomment-347800442) (@Mombuyish)\n- [With Symfony PHP framework](https://github.com/acecconato/Portfolio/search?q=material&unscoped_q=material) (@acecconato)\n- _Put your real-life example here..._\n\n## Dependencies\n\njQuery 1.7+\n\n## Application\n\n- [Drupal module](https://www.drupal.org/project/material_scrolltop) (by @gh640)\n\n## Upgrade instructions\n\n**Version 1.x → 2.x**\n\nVersion 2.x.x contains some breaking changes:\n\n- **src/** folder now contains source files `.scss` + `.ts` which are NOT executable in browser.\n- **dist/** folder contains compiled `.css`, `.js`, ... (executable in browser!)\n\n## Old versions\n\nOld version is still available:\n\n- Dev branch: [1.x](https://github.com/bartholomej/material-scrolltop/tree/1.x)\n- npm package: `yarn add material-scrolltop@1-latest`\n\n## License\n\nCopyright &copy; 2015 - 2020 [Lukas Bartak](http://bartweb.cz)\n\nProudly powered by nature 🗻, wind 💨, tea 🍵 and beer 🍺 ;)\n\nAll contents are licensed under the [MIT license].\n\n[mit license]: LICENSE\n","readmeFilename":"README.md","gitHead":"56407d0d5156f0d5157d6b3e5033b2ce4ae98004","_id":"material-scrolltop@2.1.0-next.2","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-UWj8uco68G7tlO4fcbCzhxZHZAm7CwSDr0AbPCYcuvsfudC+sGdapo/xZm58hBe1A1q7iaF5inp9JxcKkRS4AQ==","shasum":"ff4e2a6fd3f413f74b240d885c03a81712e05070","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-2.1.0-next.2.tgz","fileCount":9,"unpackedSize":17836,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEbpFCRA9TVsSAnZWagAAAMAP/0FHLV26B32yX/mabgwf\n5J/+llevDyNwyi/p+qsdXIhIkWHjKBi0fXPmk6VtL97v2Rex/uOhGDE5Pwf2\nfDfnO3WNQNOd0bOxxDpZ+A2mjNwIAyjQcptTmfmRQdGwuGi3bN5notJm/JTB\nZKHXvdARam4c04/6Ex6ivaYdRcc2BnJEBM7NRRmjB8vYIYcTOeEX13cB3s43\n9d3BJT2vGhzEeSaylN+bo6n+8+nFA/VrEUTmQ3MzmkCPyEupZAxX3lLHbYWS\nIw9OaWFpMyLq9XpQA3ITpnXcZ/9xBiPbgcD6IWY5mHfXB9skOBwKLydtEshW\n9nlRtM+t6iSXoSJtVEOp8I5Q4N9wOiupALqFztLVCeP2z8dFDg8IF/LHsgRx\nwPuK/LY3gfh7Q2kuaOxzEdZb2aqwr37cdQ5Se9dsKLVjHFKyanyFFF7H/l6n\nKka2JEsorx9d/rOfC1BtZeIWAzaB3rEQdW5AyC6IEKdhxCOWqaYKYB5wDHAY\nG3Tg775hhBporfNoJDdyzpgDzYAiynKT+GGrMww4UHz6Q2Nitlei/kByXRKG\njfiHYTJVVxEW5ckw3Ox5SIzxlfYgk4/U8q8Hl066x3fkjKF6OOrStsPgDo5c\nD65xiHJ49nMdrtmvkOosnmBBUbRvSziKxbwhzn25udLFTvO4fAu1edCNXJLP\nc2sp\r\n=3g22\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFCf/25ORLj1QQWCDMEGzQ0q6he+64Ejaulkf7ScyQPXAiAeX99W0m0HUgE7ICIbLg5rN64d6g52wwGXqUTovWaoiw=="}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_2.1.0-next.2_1578220101090_0.6245680539413045"},"_hasShrinkwrap":false},"2.1.0-next.3":{"name":"material-scrolltop","version":"2.1.0-next.3","description":"Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)","main":"./dist/material-scrolltop.js","types":"./dist/material-scrolltop.d.ts","author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"homepage":"https://github.com/bartholomej/material-scrolltop","license":"MIT","scripts":{"start":"yarn build --watch","build":"yarn delete:dist & yarn copy & yarn build:scss & yarn tsc && yarn compress","compress":"yarn node-minify --compressor uglify-js --input 'dist/material-scrolltop.js' --output 'dist/material-scrolltop.min.js' && yarn node-minify --compressor cssnano --input 'dist/material-scrolltop.css' --output 'dist/material-scrolltop.min.css'","tsc":"tsc","node-minify":"node-minify","delete:dist":"rm -rf dist/* ","copy":"rsync -r ./src/icons ./dist/","build:scss":"node-sass src -o dist","version":"","postversion":"git push && git push --follow-tags","release:patch":"git checkout master && npm version patch -m \"chore(update): patch release %s 🐛 \"","release:minor":"git checkout master && npm version minor -m \"chore(update): release %s 🚀\"","release:major":"git checkout master && npm version major -m \"chore(update): major release %s 💥 \""},"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"peerDependencies":{"jquery":">=1.7"},"devDependencies":{"@node-minify/cli":"^5.2.1","@node-minify/cssnano":"^5.2.0","@node-minify/uglify-js":"^5.2.1","@types/jquery":"^3.3.31","node-sass":"^4.13.0","typescript":"^3.7.4"},"engines":{"yarn":">= 1.0.0","node":">=10"},"readme":"[![npm version](https://badge.fury.io/js/material-scrolltop.svg)](https://badge.fury.io/js/material-scrolltop)\n[![Join the chat at https://gitter.im/material-scrolltop/Lobby](https://badges.gitter.im/material-scrolltop/Lobby.svg)](https://gitter.im/material-scrolltop/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n![](https://github.com/bartholomej/material-scrolltop/workflows/Build%20&%20Publish/badge.svg)\n[![volkswagen status](https://auchenberg.github.io/volkswagen/volkswargen_ci.svg?v=1)](https://github.com/auchenberg/volkswagen)\n\n# Material ScrollTop Button\n\n_[Upgrade instructions 1.x → 2.x](#upgrade-instructions)_\n\nLightweight, **Material Design inspired button for scroll-to-top** of the page (jQuery plugin).\n\nJust hit the button to smoothly scroll back to the top of the page. [Here's the demo.](https://bartholomej.github.io/material-scrolltop/)\n\n- Lightweight (~1kB gzipped)\n- Material Design inspired\n- With ripple effect\n- Smoothly animated\n- [Customizable](#customization)\n- With some useful [options](#settings)...\n- jQuery + CSS, (TypeScript + SCSS)\n\n![Demo animation](https://github.com/bartholomej/material-scrollTop/blob/master/demo/images/material-scrolltop-animation.gif?raw=true)\n\n## Demo (example)\n\nWatch this: [https://bartholomej.github.io/material-scrolltop/](https://bartholomej.github.io/material-scrolltop/)\n\n## Install\n\nVia **yarn** or **npm**\n\n```bash\nyarn add material-scrolltop\n```\n\n### Manual install (download)\n\nIf you want the latest stable version, get the [latest release](https://github.com/bartholomej/material-scrollTop/releases/latest) from the releases page and use `dist` folder.\n\n## Usage\n\nInclude the files as shown in the code snippets below and you're done.\n\nNOTE: The only dependency for this plugin to work is **jQuery library** (don't forget!)\n\nIn your `<head>` add:\n\n```html\n<!-- Material ScrollTop stylesheet -->\n<link rel=\"stylesheet\" href=\"dist/material-scrolltop.css\" />\n\n<!-- material-scrolltop plugin -->\n<script src=\"dist/material-scrolltop.js\"></script>\n```\n\nThen, before your closing `</body>` tag add:\n\n```html\n<!-- material-scrolltop button -->\n<button class=\"material-scrolltop\" type=\"button\"></button>\n\n<!-- Initialize material-scrolltop (minimal) -->\n<script>\n  $('body').materialScrollTop();\n</script>\n```\n\n## Settings\n\n| Option         | Type       | Default | Description                                                          |\n| -------------- | ---------- | ------- | -------------------------------------------------------------------- |\n| revealElement  | string     | body    | Reveal button when scrolling over specific element                   |\n| revealPosition | string     | top     | Element position for reveal button (`'top'` or `'bottom'`)           |\n| padding        | number     | 0       | Adjusts little ups and downs in scrolling (can be negative number)   |\n| duration       | number     | 600     | Determining how long the animation will run                          |\n| easing         | string     | 'swing' | Indicating which easing function to use for the transition animate() |\n| onScrollEnd    | Function() | false   | A function to call once the animation is complete                    |\n\n### Example (advanced usage)\n\n```javascript\n$('body').materialScrollTop({\n  // Scroll to the top of <body> element ...\n  padding: 100, // ... and add padding 100px\n  revealElement: 'header', // Reveal button when scrolling over <header> ...\n  revealPosition: 'bottom', // ... and do it at the end of </header> element\n  duration: 600, // Animation will run 600 ms\n  easing: 'swing', // Do it with swing animation\n  onScrollEnd: function() {\n    // Give me some log when animation ends\n    console.log('This is the end, my only friend, the end...');\n  }\n});\n```\n\n## Folders\n\n<pre>\nmaterial-scrolltop/\n├── src/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.scss\n│   └── material-scrolltop.ts\n├── dist/\n|   ├── icons/\n│   |   └── top-arrow.svg\n│   ├── material-scrolltop.css\n│   ├── material-scrolltop.min.css\n│   ├── material-scrolltop.js\n│   └── material-scrolltop.min.js\n└── demo/\n    ├── ...\n    └── index.html\n    └── examples/\n</pre>\n\n### src/ (for development)\n\nTypeScript + SCSS source files\n\n`.ts`, `.scss`\n\n> which are NOT executable in browser\n\n### dist/ (for production)\n\nJavaScript + CSS\n\n`.js`, `.css` and their minified versions.\n\n> executable in browser and compiled from `src/` folder with command `yarn build`\n\n### demo/ (example page)\n\nIn this folder you can see an example in [real use](https://bartholomej.github.io/material-scrolltop/).\n\n## Customization\n\n### Colors, sizes and stuff\n\nUsing SASS [_(this file in 'src' folder)_](src/material-scrolltop.scss), you can simply edit default styles, colors, position and customize plugin to fit your needs. :thumbsup: (Or just edit directly css stylesheet)\n\nHint: Modify scss file, run `yarn build` and see the demo.\n\n### Icons\n\n#### SVG\n\nYou can change `svg` icon in [`icons/`](src/icons/) directory.\n\n#### Custom text or sign\n\n1.  Turn off svg icon as sass variable: `$mst-icon: false`\n2.  Build your new stylesheet `yarn build` (now without svg icon)\n3.  Put your new sign or text inside html `<span>` element like this:\n\n```html\n<button class=\"material-scrolltop\" type=\"button\">\n  <span>↑</span>\n</button>\n```\n\n## Other usage examples\n\n> Real examples from real users :)\n\n- [With Webpack](https://github.com/bartholomej/material-scrolltop/issues/5#issuecomment-347800442) (@Mombuyish)\n- [With Symfony PHP framework](https://github.com/acecconato/Portfolio/search?q=material&unscoped_q=material) (@acecconato)\n- _Put your real-life example here..._\n\n## Dependencies\n\njQuery 1.7+\n\n## Application\n\n- [Drupal module](https://www.drupal.org/project/material_scrolltop) (by @gh640)\n\n## Upgrade instructions\n\n**Version 1.x → 2.x**\n\nVersion 2.x.x contains some breaking changes:\n\n- **src/** folder now contains source files `.scss` + `.ts` which are NOT executable in browser.\n- **dist/** folder contains compiled `.css`, `.js`, ... (executable in browser!)\n\n## Old versions\n\nOld version is still available:\n\n- Dev branch: [1.x](https://github.com/bartholomej/material-scrolltop/tree/1.x)\n- npm package: `yarn add material-scrolltop@1-latest`\n\n## License\n\nCopyright &copy; 2015 - 2020 [Lukas Bartak](http://bartweb.cz)\n\nProudly powered by nature 🗻, wind 💨, tea 🍵 and beer 🍺 ;)\n\nAll contents are licensed under the [MIT license].\n\n[mit license]: LICENSE\n","readmeFilename":"README.md","gitHead":"7745774076546d1d6471e240338d9dbf4ea74144","_id":"material-scrolltop@2.1.0-next.3","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-IBHUaWmVlFtKY+zXQ/ikNcY/agtGnC8dLvATKpxfK5taqpVwGYjDy4NUsYBZZoeHDBVgCYqcGt5M66VFqpcrGQ==","shasum":"d186b05327b04db7f937d4fa539d753b6db1df21","tarball":"https://registry.npmjs.org/material-scrolltop/-/material-scrolltop-2.1.0-next.3.tgz","fileCount":9,"unpackedSize":17965,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEbwsCRA9TVsSAnZWagAAJskP/2yIEpL+7RN7r5khxIqn\nrwiTzqstDnUjzEihL8iJYKfawf54FIBUBicnXE+kfUTsZOgOHmyMfOqXYB5a\nT6mluuErnvaxZfJm4rW9aAU46vHGkUnRTPfIGSWd5y/gIzYviM6WlS6LzYNW\n+OVnIH0WEqrlefD+f40adwnqwIlGOVQoFXR/hua1rr6chwJXHj8qD/uNoKUV\nuzqrsGldTUl2U4hgMK3krdIB/0rbqYkwSnBnHAt6xqyETx2MeqHTv5Ej8oh5\nmPgVoLZFnBCoFb6L1LBpdLchFw6n/2oTpSqHd6G8XaH+1Pxm5m9Ig6GcSsCR\nPp803O+/PcHbF6WXpL1kUf9nvnIWpQZNUKOMbLwXuTY88YMXhpZNoddPdGwj\nKZlhVJJJC9sG974s9nwv42JCD9rHrlDb4YJVeWx/2/OdXDrAUas7Gti4MxK2\nw8C4ND1GLqZ+L8uoA/EedYx2J5Es96F/ZoSN12sJwSFTdNNbv69IRx4SIbmd\n0A+CcVIyCYLXNXxfLFN6AKq07f55QPpdh6rXgKNDvZt0/EvDtbtkmp9Jv1il\nJ/1jTTGfUk09g3jGYOLJ6Hfu7AIkzE4HegvDXygWn05hY8t1Go4AO1DRImxa\nUl4fc4T4V9PmQwrm12+2O2LYhSy8BUT07d51aFp9Au4p83EsFhf2aZsreleD\nEHVF\r\n=CdF5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCa1X7S25LG7qbto541a179H08Erntri1SxiJZ3OMDszgIhAKP2H6JlyoiCc+D4MYgew2wzLtNN8fFzhm7bXZntGQXh"}]},"maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"_npmUser":{"name":"bartholomej","email":"bart@bartweb.cz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-scrolltop_2.1.0-next.3_1578220588139_0.7471635104882759"},"_hasShrinkwrap":false}},"readme":"","maintainers":[{"name":"bartholomej","email":"bart@bartweb.cz"}],"time":{"modified":"2022-05-08T22:12:26.921Z","created":"2017-11-12T18:08:57.005Z","0.6.4":"2017-11-12T18:08:57.005Z","1.0.0":"2017-11-12T18:19:23.054Z","1.0.1":"2017-11-25T14:14:16.061Z","2.0.0-beta.1":"2020-01-04T16:36:58.900Z","2.0.0-beta.2":"2020-01-04T17:50:48.894Z","2.0.0-beta.3":"2020-01-04T17:59:08.343Z","2.0.0":"2020-01-04T19:02:01.082Z","1.0.2":"2020-01-05T08:39:40.322Z","2.0.1-next.2":"2020-01-05T09:43:35.445Z","2.0.1":"2020-01-05T09:52:13.111Z","2.1.0-next.1":"2020-01-05T10:13:02.093Z","2.1.0-next.2":"2020-01-05T10:28:21.298Z","2.1.0-next.3":"2020-01-05T10:36:28.269Z"},"homepage":"https://github.com/bartholomej/material-scrolltop","keywords":["material","material design","ripple","button","animate","jquery","scrollTop","scroll to top","sass","typescript"],"repository":{"url":"git+https://github.com/bartholomej/material-scrolltop.git","type":"git"},"author":{"name":"Lukas Bartak","email":"bart@bartweb.cz","url":"https://github.com/bartholomej"},"bugs":{"url":"https://github.com/bartholomej/material-scrolltop/issues"},"license":"MIT","readmeFilename":"","users":{"bartholomej":true}}