{"_id":"@am-hooks/use-scroll","_rev":"1-f0638fa83a1e4519b2d497718dd1ba44","name":"@am-hooks/use-scroll","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@am-hooks/use-scroll","version":"1.0.0","description":"Detect when using scroll","main":"index.js","repository":{"type":"git","url":"git+https://github.com/dorothy7964/am-hooks.git"},"keywords":["scroll","coords","w/y","usescroll"],"author":{"name":"wooami"},"license":"MIT","bugs":{"url":"https://github.com/dorothy7964/am-hooks/issues"},"homepage":"https://github.com/dorothy7964/am-hooks#readme","peerDependencies":{"react":"^16.13.0","react-dom":"^16.13.0"},"_id":"@am-hooks/use-scroll@1.0.0","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-dgkgdA/bVmp/n9IRb7Fedk1TIllzOvmvWg1N6qnQBrWjFBVEMIrvTk4fRv6NhTASHjYwoUp7OOxVhy5B0EqUUg==","shasum":"b101037b6dadddd7733d6c72a475a0edc6942e6f","tarball":"https://registry.npmjs.org/@am-hooks/use-scroll/-/use-scroll-1.0.0.tgz","fileCount":4,"unpackedSize":1655,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/3pCRA9TVsSAnZWagAAAPAP/3RssZfPVNPHxl0xr3jS\n4/lxrN4lpPNeDsXf4Qxx1kA3sNT32cBb+Yvl0h+QR0B7bxr9U/beLystxqwH\nsXFGzteGnuiydgGaRsH4DAFe4UmDycmDycRwJMA3FiNl4OzBsUDAOtAXhChy\nblhwf8F2uZWF2yiS0idnU3jxCWa0W7TblowItF8PEvRvUMduWjNHMIKRbGSm\nQGfXUK5I1Ew5Mu714iGRxBROOhERG5NZZUP0Oc/t8QJWHNwe2RU21MlTU4Xd\nBiwfAWvGPWaV1JB5SlzN9YUiyuy6eDDcA1KQwCR89apxxXG5sSsdhdZJG/lg\nYRH1Um/WOHD9Uv1t5oss8prUaBPiIQBME9GrjBNn0HBcC7OCB/z3kAzfE62S\nGY1WopiKdtN1KDh884XjHxv8uV5+ZO0tGHL1oGSpreikdDth7vzW8HEk6Jcj\nvv1rn4hdtLhtwMZ4uQCS6A+cgfgNv9WurNyzJgA4jU6+4D8+fATopoI7sUjw\ndyvOoSMouYx+iT71xuzOlE/5houTO9ErehhXqWSdBhiX2TAXnDm2SLznzrAc\n5lhwc0I0QOhkqzcUBScK0mywUMwYNJ9oRj98pv4sV+5Wuv6SFxrOF9+sbMgt\nrY0wHOuL9kO5a+7Rzp1wcPe5Dea0sQq07L4H8Tvo0HsIbzHNndMkrAIpTf+/\npX4d\r\n=d32Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCtHCVCHbpjkEsbGLxCo2FVnXJNs0dznNQGWhE6fc0i7gIgS6rG0cr5pO7O2D8nDHLcjKFKOSBNxKNAcEt7V8DubsE="}]},"maintainers":[{"name":"wam-6577","email":"wam6577@gmail.com"}],"_npmUser":{"name":"wam-6577","email":"wam6577@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-scroll_1.0.0_1583873512673_0.47696273297147496"},"_hasShrinkwrap":false}},"time":{"created":"2020-03-10T20:51:52.441Z","1.0.0":"2020-03-10T20:51:52.809Z","modified":"2022-04-04T13:42:29.707Z"},"maintainers":[{"name":"wam-6577","email":"wam6577@gmail.com"}],"description":"Detect when using scroll","homepage":"https://github.com/dorothy7964/am-hooks#readme","keywords":["scroll","coords","w/y","usescroll"],"repository":{"type":"git","url":"git+https://github.com/dorothy7964/am-hooks.git"},"author":{"name":"wooami"},"bugs":{"url":"https://github.com/dorothy7964/am-hooks/issues"},"license":"MIT","readme":"# useScroll\r\n스크롤 사용할 때 감지 <br><br>\r\n\r\n## Installation\r\n\r\n#### yarn\r\n\r\n`yarn add @am-hooks/use-scroll`\r\n\r\n#### npm\r\n\r\n`npm i @am-hooks/use-scroll` <br><br>\r\n\r\n## Usage\r\n\r\n```js\r\nimport React from \"react\";\r\nimport useScroll from \"@am-hooks/use-scroll\";\r\n\r\nconst App = () => {\r\n  const { y } = useScroll();\r\n\r\n  return (\r\n    <div className=\"App\" style={{ height: \"500vh\" }}>\r\n      <h1\r\n        style={{\r\n          position: \"fixed\",\r\n          color: y > 100 ? \"red\" : \"blue\"\r\n        }}\r\n      >\r\n        Hello\r\n      </h1>\r\n    </div>\r\n  )\r\n}\r\n```\r\n\r\n<br><br>\r\n","readmeFilename":"README.md"}