{"_id":"@autofe/sticky","_rev":"4-c5dc45f97f7a9fa07ae52d54b202d578","name":"@autofe/sticky","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@autofe/sticky","version":"0.1.0","keywords":["library","autohome","sticky"],"author":{"name":"jpuncle","email":"zhangxingkai@autohome.com.cn"},"license":"MIT","_id":"@autofe/sticky@0.1.0","maintainers":[{"name":"jpuncle","email":"jack_zhxk@163.com"},{"name":"mercysnake","email":"lonjas@163.com"}],"homepage":"https://github.com/athm-fe/sticky#readme","bugs":{"url":"https://github.com/athm-fe/sticky/issues"},"dist":{"shasum":"6e23efc24360f4208ccac75218f367569fefdde7","tarball":"https://registry.npmjs.org/@autofe/sticky/-/sticky-0.1.0.tgz","fileCount":7,"integrity":"sha512-IL6wKXaVUbQKDClmJpMGWusf+Hbdd7C/MmaORKkDvC1NNVgiF3+r4eRX179hODjLY32ae/Sr6bm/uiiQIxs3vg==","signatures":[{"sig":"MEUCIECps0m6Nd6AtXbGwwIaIq48IMa1yeb1gsaJ32k6HeyWAiEAiGH8cwxX0WYnmPEE0hXccWNygg3KmMrd5js0uWulu/o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15835,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1co1CRA9TVsSAnZWagAAtMIP/3xThlb1pZoopTOJzZ3w\n37phxQQLAaJSz/YDA9tfl7LL9UfF/Tv//KIaIcm8Ml66MTknnJeYd7RXy4My\nX+BrYJvtSr9m5deDeiW96b24dph5DPbnIfUPFcWS4h50TAZh9/DSdoF1pK6O\nwVAf0BUk1MtTUlW/TtCa1MkN66QuBFWHknGp5hajGCZ8FnZ/wbifa/2YF0Av\nHQplYbmO1n70K5uYbdvaJqdDy8IQIbqRfy6JkiOC62udbh20gA9v8Y28L+EE\npWTuwVvMvoGwQlqgaiPptXX8PueW6dEAX81VqboAfyJpR9EGpFMqxOH3z3T5\nDGzCKwG2UvEfQaIvqRTHWHiJSbK5c3ApSXQ8fCj7q9QIF1K+7NWFDf3Qz0KR\nSMZCDgHinhjV8lW9JnBm3pnm3m9l84VhDNoiu0gwUYCywvBw41Ypdn4bqCfx\n9xFJ4wQZdQy6SnFIvpyL75MtXVxH9PrKN7GGa7JujQAXadFbinRHgjmdYE0S\nVp08gaWMDhz2McgeiO+fOk7nq1uMEpeob88pH00prHTHY9j78XMnfPaAR6Dx\nHtBhWHI9N+hUQMrKrxP3bJcCrS6oifyF34X7JvxQw/a2zp2++OcXVtDiPKMY\nEtr/MzFEtO1MiB0Rv/s/f1ixUKMqZgCAI3PqfwRptcapmwE/eKp17/6fgabx\nkCp3\r\n=T4Rn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/sticky.js","files":["lib","dist"],"module":"src/index.js","gitHead":"11f4e7403329eac2c42dec9176f2ca67196db374","scripts":{"lint":"eslint lib test","test":"echo \"Error: no test specified\" && exit 1","build":"npm run lint && rollup -c ./rollup.config.js","minify":"uglifyjs --compress typeofs=false --mangle --comments \"/^!/\" --output dist/sticky.min.js dist/sticky.js","release":"npm run build && npm run minify"},"_npmUser":{"name":"jpuncle","email":"jack_zhxk@163.com"},"repository":{"url":"git+https://github.com/athm-fe/sticky.git","type":"git"},"_npmVersion":"5.6.0","description":"A Sticky library based on jQuery","directories":{},"_nodeVersion":"8.6.0","dependencies":{"jquery":"^3.2.1"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^4.15.0","rollup":"^0.54.0","uglify-js":"^3.3.7","babel-core":"^6.26.0","rollup-plugin-babel":"^3.0.3","rollup-plugin-commonjs":"^8.2.6","babel-preset-autofe-app":"^1.2.0","rollup-plugin-node-resolve":"^3.0.2"},"_npmOperationalInternal":{"tmp":"tmp/sticky_0.1.0_1523960373255_0.6645426339358476","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-04-17T10:19:33.205Z","modified":"2026-01-14T03:48:47.678Z","0.1.0":"2018-04-17T10:19:33.348Z"},"bugs":{"url":"https://github.com/athm-fe/sticky/issues"},"author":{"name":"jpuncle","email":"zhangxingkai@autohome.com.cn"},"license":"MIT","homepage":"https://github.com/athm-fe/sticky#readme","keywords":["library","autohome","sticky"],"repository":{"url":"git+https://github.com/athm-fe/sticky.git","type":"git"},"description":"A Sticky library based on jQuery","maintainers":[{"email":"jack_zhxk@163.com","name":"jpuncle"},{"email":"lonjas@163.com","name":"mercysnake"}],"readme":"# Sticky\n\n由于吸顶的实现采用的是 `position: fixed`，所以需要自己在样式里手动设置 `width` 。\n\n## Usage\n\n通过脚本来初始化，如果不配置参数，默认开启吸顶功能。\n\n```javascript\n$('.sticky-demo').sticky();\n```\n\n配置吸顶时到顶部的距离为 10px\n\n```javascript\n$('.sticky-demo').sticky({\n  offset: 10 // 开启吸顶，吸顶时到顶部距离为 10px\n});\n\n// or\n\n$('.sticky-demo').sticky({\n  offsetTop: 10 // 开启吸顶，吸顶时到顶部距离为 10px\n});\n```\n\n可以通过配置开启吸底效果\n\n```javascript\n$('.sticky-demo').sticky({\n  offsetBottom: 10 // 开启吸顶，吸顶时到顶部距离为 10px\n});\n```\n\n还可以通过 HTML data 属性的方式配置参数\n\n```html\n<div class=\"sticky-demo\">\n  吸顶，到顶部距离为 0\n</div>\n<div class=\"sticky-demo\" data-offset=\"10\">\n  吸顶，到顶部距离为 10\n</div>\n<div class=\"sticky-demo\" data-offset-top=\"10\">\n  吸顶，到顶部距离为 10\n</div>\n<div class=\"sticky-demo\" data-offset-bottom=\"10\">\n  吸底，到底部距离为 10\n</div>\n<div class=\"sticky-demo\" data-offset-top=\"10\" data-offset-bottom=\"20\">\n  吸顶和吸底效果同时开启\n</div>\n```\n\n## Options\n\n参数可以通过 data attributes 或者 JavaScript 两种方式来配置.\n\nName | Type | Default | Description\n---- | ---- | ------- | -----------\noffset | number or object | `{top:0}` | 用来设置吸顶和吸底的距离，格式 `{top: 10, bottom: 20}` ，其中 `top` 和 `bottom` 还可以是函数\noffsetTop | number or function | 无 | 设置吸顶距离\noffsetBottom | number or function | 无 | 设置吸底距离\n\n## Methods\n\n### `.sticky(options)`\n\n初始化\n\n```javascript\n$('#stickyDemo').sticky();\n```\n\n## Events\n\nEvent Type | Description\n---------- | -----------\ntop.fe.sticky | 进入吸顶状态时触发\nbottom.fe.sticky | 进入吸底状态时触发\noff.fe.sticky | 从吸顶或者吸底状态退出时触发\n\n```javascript\n$('.nav-example')\n  .on('top.fe.sticky', function() {\n    $(this).html('<p>吸顶状态</p>')\n  })\n  .on('bottom.fe.sticky', function() {\n    $(this).html('<p>吸底状态</p>')\n  })\n  .on('off.fe.sticky', function() {\n    $(this).html('<p>常规状态</p>')\n  });\n```\n\n# End\n\nThanks to [Bootstrap](http://getbootstrap.com/)\n","readmeFilename":"README.md"}