{"_id":"@breww.io/scroll-spyer","_rev":"6-abc5eec569b3c537e5903faf22f6aec6","name":"@breww.io/scroll-spyer","dist-tags":{"latest":"1.0.1"},"versions":{"0.0.1":{"name":"@breww.io/scroll-spyer","version":"0.0.1","description":"A framework for building front-end libraries using TS and SCSS","main":"./dist/cjs/src/index.js","type":"commonjs","source":"src/index.ts","module":"./dist/esm/src/index.js","types":"dist/index.d.ts","project":"./tsconfig.json","scripts":{"build:dev":"rollup -c --environment NODE_ENV:development --watch --bundleConfigAsCjs","build:prod":"rollup -c --environment NODE_ENV:production --bundleConfigAsCjs","prepublishOnly":"npm run build:prod","lint":"eslint \"{src,apps,libs,test}/**/*.ts\"","lint:fix":"eslint \"{src,apps,libs,test}/**/*.ts\" --fix","format":"prettier --write \"src/**/*.ts\" \"test/**/*.ts\""},"keywords":["ScrollSpyer","Scroll Spy","typescript","scss","npm"],"author":{"name":"Breww.io"},"license":"MIT","bugs":{"email":"modules@brewwe.io"},"devDependencies":{"@rollup/plugin-commonjs":"^25.0.0","@rollup/plugin-eslint":"^9.0.4","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","eslint":"^7.32.0","eslint-config-prettier":"^8.1.0","eslint-plugin-prettier":"^3.4.0","prettier":"^2.7.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-ts":"^3.2.0","typescript":"^4.9.5"},"dependencies":{"lodash":"^4.17.21"},"directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/brewwio/Breww-ScrollSpyer.git"},"homepage":"https://github.com/brewwio/Breww-ScrollSpyer#readme","gitHead":"0a7dd184b37581e4c59c5b9e3b232d0b3e7412df","_id":"@breww.io/scroll-spyer@0.0.1","_nodeVersion":"18.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-EnsS90xYd+m0rLblrEQ3aY2juB12NDmX3X9pFd+WLSzvxRdyYvQykzcGxUgSxTwydFVq1k1Zvhrp1hy/Yl0dCA==","shasum":"98927a652f6bad2f564e2ace09f047a4c2f677c2","tarball":"https://registry.npmjs.org/@breww.io/scroll-spyer/-/scroll-spyer-0.0.1.tgz","fileCount":131,"unpackedSize":140531,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiuUcEfbCTp2dRM+cGDb5sj2BrgmsG6k18+F+f4UcAwwIhAPfgcMHhwqYyz1Fx/tIjo3QeBiuvTNBYB+20/KqepbMN"}]},"_npmUser":{"name":"grapdevs","email":"rajneesh@grapdevs.com"},"maintainers":[{"name":"grapdevs","email":"rajneesh@grapdevs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/scroll-spyer_0.0.1_1693793059208_0.8406732743808871"},"_hasShrinkwrap":false},"0.0.3":{"name":"@breww.io/scroll-spyer","version":"0.0.3","description":"A framework for building front-end libraries using TS and SCSS","main":"./dist/cjs/src/index.js","type":"commonjs","source":"src/index.ts","module":"./dist/esm/src/index.js","types":"dist/index.d.ts","project":"./tsconfig.json","scripts":{"build:dev":"rollup -c --environment NODE_ENV:development --watch --bundleConfigAsCjs","build:prod":"rollup -c --environment NODE_ENV:production --bundleConfigAsCjs","prepublishOnly":"npm run build:prod","lint":"eslint \"{src,apps,libs,test}/**/*.ts\"","lint:fix":"eslint \"{src,apps,libs,test}/**/*.ts\" --fix","format":"prettier --write \"src/**/*.ts\" \"test/**/*.ts\""},"keywords":["ScrollSpyer","Scroll Spy","typescript","scss","npm"],"author":{"name":"Breww.io"},"license":"MIT","bugs":{"email":"modules@brewwe.io"},"devDependencies":{"@rollup/plugin-commonjs":"^25.0.0","@rollup/plugin-eslint":"^9.0.4","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","eslint":"^7.32.0","eslint-config-prettier":"^8.1.0","eslint-plugin-prettier":"^3.4.0","prettier":"^2.7.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-ts":"^3.2.0","typescript":"^4.9.5"},"dependencies":{"lodash":"^4.17.21"},"directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/brewwio/Breww-ScrollSpyer.git"},"homepage":"https://github.com/brewwio/Breww-ScrollSpyer#readme","gitHead":"57232f9dfbda0fff7ee8f85cf38134421003028c","_id":"@breww.io/scroll-spyer@0.0.3","_nodeVersion":"18.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-A5bHdApsiU2rLDZcl/FMF6VT6GxfXoxZKG/+f57nbXcLg/vuWSpksuF5gAGWwmYT1IvZb6YLWF+iuFA6RLl9iA==","shasum":"33c8be401c0bfcb78aa6a0bdba1b8ec7deedd1eb","tarball":"https://registry.npmjs.org/@breww.io/scroll-spyer/-/scroll-spyer-0.0.3.tgz","fileCount":131,"unpackedSize":141820,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZ1GbMMpSL+9UW46bhUbiKY6hVNyth82DoVgl7h+y1eAIgeBXP83iXwHgYbO5yT3qxs4J1jH1q8pPzhdIrBxAV2x0="}]},"_npmUser":{"name":"grapdevs","email":"rajneesh@grapdevs.com"},"maintainers":[{"name":"grapdevs","email":"rajneesh@grapdevs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/scroll-spyer_0.0.3_1693796281707_0.17354709506745025"},"_hasShrinkwrap":false},"0.0.4":{"name":"@breww.io/scroll-spyer","version":"0.0.4","description":"A framework for building front-end libraries using TS and SCSS","main":"./dist/cjs/src/index.js","type":"commonjs","source":"src/index.ts","module":"./dist/esm/src/index.js","types":"dist/index.d.ts","project":"./tsconfig.json","scripts":{"build:dev":"rollup -c --environment NODE_ENV:development --watch --bundleConfigAsCjs","build:prod":"rollup -c --environment NODE_ENV:production --bundleConfigAsCjs","prepublishOnly":"npm run build:prod","lint":"eslint \"{src,apps,libs,test}/**/*.ts\"","lint:fix":"eslint \"{src,apps,libs,test}/**/*.ts\" --fix","format":"prettier --write \"src/**/*.ts\" \"test/**/*.ts\""},"keywords":["ScrollSpyer","Scroll Spy","typescript","scss","npm"],"author":{"name":"Breww.io"},"license":"MIT","bugs":{"email":"modules@brewwe.io"},"devDependencies":{"@rollup/plugin-commonjs":"^25.0.0","@rollup/plugin-eslint":"^9.0.4","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","eslint":"^7.32.0","eslint-config-prettier":"^8.1.0","eslint-plugin-prettier":"^3.4.0","prettier":"^2.7.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-ts":"^3.2.0","typescript":"^4.9.5"},"dependencies":{"lodash":"^4.17.21"},"directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/brewwio/Breww-ScrollSpyer.git"},"homepage":"https://github.com/brewwio/Breww-ScrollSpyer#readme","gitHead":"52f59707b3d5a8abf61fb62c1fb78c20d85f7db5","_id":"@breww.io/scroll-spyer@0.0.4","_nodeVersion":"18.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-XxGlO7khYiLLV5ziGqsGl2dMHeIvkZwofKV8rtiFx+Vdbj7dxO9B5DeHhk4BI4Lm5dVGsiK+iHNQmYi2JaNEqg==","shasum":"0840be03fbc03eb9d45d03f12d8abc445aa2a0a8","tarball":"https://registry.npmjs.org/@breww.io/scroll-spyer/-/scroll-spyer-0.0.4.tgz","fileCount":131,"unpackedSize":141812,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDCglzaZgHU/uJqNZoUPt+bDT1/xGWCJkIk0WJIwiXuiAiEAodJU0NvNAePoWZ4BPOhRu5DQQmQ3WaVbzDjfML7nHy0="}]},"_npmUser":{"name":"grapdevs","email":"rajneesh@grapdevs.com"},"maintainers":[{"name":"grapdevs","email":"rajneesh@grapdevs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/scroll-spyer_0.0.4_1693797540421_0.3387881021408088"},"_hasShrinkwrap":false},"0.0.5":{"name":"@breww.io/scroll-spyer","version":"0.0.5","description":"A library that is able to change the feel of scroll spy with custom anitaion (Current 0.5Beta)","main":"./dist/cjs/src/index.js","type":"commonjs","source":"src/index.ts","module":"./dist/esm/src/index.js","types":"dist/index.d.ts","project":"./tsconfig.json","scripts":{"build:dev":"rollup -c --environment NODE_ENV:development --watch --bundleConfigAsCjs","build:prod":"rollup -c --environment NODE_ENV:production --bundleConfigAsCjs","prepublishOnly":"npm run build:prod","lint":"eslint \"{src,apps,libs,test}/**/*.ts\"","lint:fix":"eslint \"{src,apps,libs,test}/**/*.ts\" --fix","format":"prettier --write \"src/**/*.ts\" \"test/**/*.ts\""},"keywords":["ScrollSpyer","Scroll Spy","typescript","scss","npm"],"author":{"name":"Breww.io"},"license":"MIT","bugs":{"email":"modules@brewwe.io"},"devDependencies":{"@rollup/plugin-commonjs":"^25.0.0","@rollup/plugin-eslint":"^9.0.4","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","eslint":"^7.32.0","eslint-config-prettier":"^8.1.0","eslint-plugin-prettier":"^3.4.0","prettier":"^2.7.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-ts":"^3.2.0","typescript":"^4.9.5"},"dependencies":{"lodash":"^4.17.21"},"directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/brewwio/Breww-ScrollSpyer.git"},"homepage":"https://github.com/brewwio/Breww-ScrollSpyer#readme","gitHead":"a39518655e4a05da3e2fc0285e7cdd0d36b2e580","_id":"@breww.io/scroll-spyer@0.0.5","_nodeVersion":"18.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-5hnk3GnA0hBX297WOTVjAXOQhSG+XiR42Vv3DqWow8MvgVDnjEKdLwqo6XXoDewF3qxJEsSPexUTI0hmgdeBgg==","shasum":"8943cce51d8a1ec00af8893b56c826f263b0579f","tarball":"https://registry.npmjs.org/@breww.io/scroll-spyer/-/scroll-spyer-0.0.5.tgz","fileCount":131,"unpackedSize":117785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDueeivJU5+5PAWrvTyUscoPvjGbphp9x9+5FbOAg7hgIgePqdIQXBM13LRL29wvgkRkNYEbzqghKwrlC5+0EFsN4="}]},"_npmUser":{"name":"grapdevs","email":"rajneesh@grapdevs.com"},"maintainers":[{"name":"grapdevs","email":"rajneesh@grapdevs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/scroll-spyer_0.0.5_1695042949749_0.6819226796988351"},"_hasShrinkwrap":false},"1.0.0":{"name":"@breww.io/scroll-spyer","version":"1.0.0","description":"A library that is able to change the feel of scroll spy with custom animation (Current 0.5Beta)","main":"./dist/cjs/src/index.js","type":"commonjs","source":"src/index.ts","module":"./dist/esm/src/index.js","types":"dist/index.d.ts","project":"./tsconfig.json","scripts":{"build:dev":"rollup -c --environment NODE_ENV:development --watch --bundleConfigAsCjs","build:prod":"rollup -c --environment NODE_ENV:production --bundleConfigAsCjs","prepublishOnly":"npm run build:prod"},"keywords":["ScrollSpyer","Scroll Spy","typescript","scss","npm"],"author":{"name":"Breww.io"},"license":"MIT","bugs":{"email":"modules@brewwe.io"},"devDependencies":{"@babel/core":"^7.23.0","@rollup/plugin-alias":"^5.0.0","@rollup/plugin-babel":"^6.0.3","@rollup/plugin-commonjs":"^25.0.0","@rollup/plugin-eslint":"^9.0.4","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","eslint":"^7.32.0","eslint-config-prettier":"^8.1.0","eslint-plugin-prettier":"^3.4.0","postcss":"^8.4.31","prettier":"^2.7.1","rollup-plugin-copy":"^3.5.0","rollup-plugin-dts":"^6.0.2","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-ts":"^3.2.0","typescript":"^4.9.5"},"dependencies":{"@breww.io/scroll-spyer":"^0.0.5","dotenv":"^16.3.1","lodash":"^4.17.21"},"directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/brewwio/Breww-ScrollSpyer.git"},"homepage":"https://github.com/brewwio/Breww-ScrollSpyer#readme","gitHead":"dc702b996103bd994865193f16c7e58dfddb13d0","_id":"@breww.io/scroll-spyer@1.0.0","_nodeVersion":"18.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-sIupEF8Maix4hCcNw8HtB6OclLLIjJ4lZE8pF1APcSus7yQUl5JSpcr6TcGYgrAwypnOofYoQGz/5asCPwWrqg==","shasum":"a1316251a7d21563e27edebda24e305db1ee48ea","tarball":"https://registry.npmjs.org/@breww.io/scroll-spyer/-/scroll-spyer-1.0.0.tgz","fileCount":131,"unpackedSize":121227,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVN7pQBUQY7KNZBCCh8BOxzysYrQybJEXbObZG2ySAogIgXJBFJ0trw5wONZpfy7FvD4AdyIBGTrRHPw2JyBjQdUQ="}]},"_npmUser":{"name":"grapdevs","email":"rajneesh@grapdevs.com"},"maintainers":[{"name":"grapdevs","email":"rajneesh@grapdevs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/scroll-spyer_1.0.0_1696063290086_0.2376213181126905"},"_hasShrinkwrap":false},"1.0.1":{"name":"@breww.io/scroll-spyer","version":"1.0.1","description":"A library that is able to change the feel of scroll spy with custom animation (Current 0.5Beta)","main":"./dist/cjs/src/index.js","type":"commonjs","source":"src/index.ts","module":"./dist/esm/src/index.js","types":"dist/index.d.ts","project":"./tsconfig.json","scripts":{"build:dev":"rollup -c --environment NODE_ENV:development --watch --bundleConfigAsCjs","build:prod":"rollup -c --environment NODE_ENV:production --bundleConfigAsCjs","prepublishOnly":"npm run build:prod"},"keywords":["ScrollSpyer","Scroll Spy","typescript","scss","npm"],"author":{"name":"Breww.io"},"license":"MIT","bugs":{"email":"modules@brewwe.io"},"devDependencies":{"@babel/core":"^7.23.0","@rollup/plugin-alias":"^5.0.0","@rollup/plugin-babel":"^6.0.3","@rollup/plugin-commonjs":"^25.0.0","@rollup/plugin-eslint":"^9.0.4","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","eslint":"^7.32.0","eslint-config-prettier":"^8.1.0","eslint-plugin-prettier":"^3.4.0","postcss":"^8.4.31","prettier":"^2.7.1","rollup-plugin-copy":"^3.5.0","rollup-plugin-dts":"^6.0.2","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-ts":"^3.2.0","typescript":"^4.9.5"},"dependencies":{"@breww.io/scroll-spyer":"^0.0.5","dotenv":"^16.3.1","lodash":"^4.17.21"},"directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/brewwio/Breww-ScrollSpyer.git"},"homepage":"https://github.com/brewwio/Breww-ScrollSpyer#readme","gitHead":"c468077e637c2b1d27dd71b45d85d15adf15ebd0","_id":"@breww.io/scroll-spyer@1.0.1","_nodeVersion":"18.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-pNrSeu6t9ds4lVuLl5FKv43pJfE9CD6mVlB+JH/Wyqzs9MDU800eZAHNn09ZhGQXXGV0Qtu0NzA7nkRgTC2kOA==","shasum":"65c807cc944c306d536501b631709b4632682329","tarball":"https://registry.npmjs.org/@breww.io/scroll-spyer/-/scroll-spyer-1.0.1.tgz","fileCount":131,"unpackedSize":120823,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG9XuuGEBLy/GXGTtMEFUdqkkL71TuwgpU6HFmrliCfhAiByTruwBQXCQV7IrlhbwzQZ0sk/iQiJec5VkMrs25FjdQ=="}]},"_npmUser":{"name":"grapdevs","email":"rajneesh@grapdevs.com"},"maintainers":[{"name":"grapdevs","email":"rajneesh@grapdevs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/scroll-spyer_1.0.1_1696066124656_0.8512624974930001"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-04T02:04:19.092Z","0.0.1":"2023-09-04T02:04:19.435Z","modified":"2024-03-12T07:22:26.219Z","0.0.3":"2023-09-04T02:58:01.945Z","0.0.4":"2023-09-04T03:19:00.638Z","0.0.5":"2023-09-18T13:15:49.986Z","1.0.0":"2023-09-30T08:41:30.308Z","1.0.1":"2023-09-30T09:28:44.920Z"},"maintainers":[{"email":"contact@myselfraj.com","name":"chapeee"},{"email":"rajneesh@grapdevs.com","name":"grapdevs"}],"description":"A library that is able to change the feel of scroll spy with custom animation (Current 0.5Beta)","homepage":"https://github.com/brewwio/Breww-ScrollSpyer#readme","keywords":["ScrollSpyer","Scroll Spy","typescript","scss","npm"],"repository":{"type":"git","url":"git+https://github.com/brewwio/Breww-ScrollSpyer.git"},"author":{"name":"Breww.io"},"bugs":{"email":"modules@brewwe.io"},"license":"MIT","readme":"# Breww Scoll-spyer\n\nWhy This ScrollSpyer: We have explored various scrollspy tools available on the internet, but encountered issues with some of them. Specifically, some don't support multiple menus, while others lack animation capabilities. We consider animations to be necessary in any scrollspy tool. If you're unfamiliar with what we're referring to, we invite you to explore our examples with animation for a better understanding.\n\n\n\n## Setup\n\nMake sure to install the dependencies:\n\n```bash\nnpm i @breww.io/scroll-spyer\n\n#FOR BROWSERS\nhttps://cdn.jsdelivr.net/npm/@breww.io/scroll-spyer/dist/browser/spyscroll.min.js\n\n#WITH Animate.css\nhttps://cdn.jsdelivr.net/npm/@breww.io/scroll-spyer/dist/browser/animate-css.min.js\n\n#WITH BREWW Easing & Animation\nhttps://cdn.jsdelivr.net/npm/@breww.io/scroll-spyer/dist/browser/BrewwAnimations.js\nhttps://cdn.jsdelivr.net/npm/@breww.io/scroll-spyer/dist/browser/BrewwEasings.js\n\n```\n\n\n \n## Documentation\n\n[Documentation](https://scrollspyer.breww.io/)\n\nExtendable. Learn how to use ScrollSpy and funcationlities in detail.\n\n\n## Features\n\n- Everything included, ready for action.\n- Plug-in your own modules with additional functionalities.\n- Using Rollup\n- ES6 Support\n\n\n## Usage/Example\n## DEMO 1 \n 🔗 Links\n[![portfolio](https://img.shields.io/badge/Test-Live!-red?style=for-the-badge&logo=ko-fi&logoColor=red)](https://demo-scrollspyer.breww.io/demo1)\n```javascript\nvar animate = new AnimateCss();\n    let sec ;\n    const options = {\n        sectionSelector: 'section',  // Query selector to your sections\n        targetSelector: '[data-jump]', // Query selector to your elements that will be added `active` class\n        topOffset: [\n            { maxWidth: 767, topOffset: 300 },\n            { minWidth: 768, maxWidth: 991, topOffset: 250 },\n            { minWidth: 992, maxWidth: 4999, topOffset: 400 },\n            ],\n        easing: {\n        enabled: true,\n        type: BrewwEasings.linear\n        },\n        activeClass: ['activer', 'highlight'],\n        onLastScrollInView: () => console.log(\"last\"),\n        onFirstScrollInView: () => console.log(\"hi\"),\n        animation: { enabled: true,  animType:'anim-type' },\n        onScroll: (section, sections, animationOptions) => {\n            sec = sections;\n            console.log(animationOptions)\n\t\t\t\tanimate.animateTwoWay(section,sections,animationOptions);\n\t\t},\n        onSectionChange:(currentsection, sections, animationOptions) =>{\n            //your function maybe custom  one\n           // animate.animateTwoWay(currentsection,sections,animationOptions);          \n        }        \n    }\n\n```\n\nDEMO 2 (With Opacity Breww's Custom animation)\n\n# DEMO 2\n[![portfolio](https://img.shields.io/badge/Test-Live!-red?style=for-the-badge&logo=ko-fi&logoColor=red)](https://demo-scrollspyer.breww.io/demo2)\n```javascript\n    var animate = new AnimateCss();\n    let sec;\n    const options = {\n        sectionSelector: '.maintest',  // Query selector to your sections\n        targetSelector: '[data-jump]', // Query selector to your elements that will be added `active` class\n      \n        easing: {\n            enabled: true,\n            type: BrewwEasings.linear\n        },\n        activeClass: ['activer', 'highlight'],\n        onLastScrollInView: () => console.log(\"last\"),\n        onFirstScrollInView: () => console.log(\"hi\"),\n        animation: { enabled: false, animType: 'anim-type' },\n        onScroll: (section, sections, animationOptions) => {\n            sec = sections;\n            console.log(animationOptions)\n            animate.animateTwoWay(section, sections, animationOptions);\n        },\n        onSectionChange: (currentsection, sections, animationOptions) => {\n            //your actions\n        }\n\n    }\n    const spyscroll = new SpyScroll(document.getElementById('nav'), options);\n    BrewwAnimations.Bewwopacity(spyscroll.sections, 400);\n\n```\n## 🔗 Links\n[![portfolio](https://img.shields.io/badge/DEMO!-000?style=for-the-badge&logo=ko-fi&logoColor=white)](DEMO1)\n[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=DEMO@&logoColor=white)](https://www.linkedin.com/)\n[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/)\n","readmeFilename":"README.md"}