{"_id":"@beradrian/ngx-auto-scroll","_rev":"32-45b4acb898a10635938ca89c988a9947","name":"@beradrian/ngx-auto-scroll","time":{"modified":"2022-04-04T18:28:43.290Z","created":"2018-01-08T18:34:09.507Z","1.0.15":"2018-01-08T18:34:09.507Z","2.0.0":"2018-01-08T18:37:09.417Z","2.0.1":"2018-01-08T19:09:59.032Z","2.0.2":"2018-01-08T19:11:10.016Z","2.0.3":"2018-01-08T19:26:44.364Z","2.0.4":"2018-01-08T19:29:14.471Z","2.0.5":"2018-01-08T19:31:15.733Z","2.0.6":"2018-01-08T19:34:42.135Z","2.0.7":"2018-01-08T19:35:50.622Z","2.0.8":"2018-01-08T19:36:56.299Z","2.0.10":"2018-01-08T19:58:03.860Z","2.0.11":"2018-01-08T20:07:26.568Z","2.0.12":"2018-01-08T20:10:04.171Z","2.0.13":"2018-01-09T09:17:27.009Z","2.0.14":"2018-01-09T11:01:39.367Z"},"maintainers":[{"name":"beradrian","email":"beradrian@yahoo.com"}],"dist-tags":{"latest":"2.0.14"},"description":"Angular 2+ directive to automatically scroll html container content to the bottom.","readme":"# Angular 2+ auto scroll directive\r\n\r\n## Installation\r\nnpm install ngx-auto-scroll\r\n\r\n## Usage\r\n\r\n#### In component:\r\n\r\n```typescript\r\nimport {NgxAutoScroll} from \"ngx-auto-scroll/lib/ngx-auto-scroll.directive\";\r\n\r\n@Component({\r\n   selector: 'sample',\r\n   templateUrl: 'sample.component.html',\r\n   styleUrls: ['sample.component.css'],\r\n   directives: [NgxAutoScroll]\r\n})\r\n```\r\n\r\n#### In template:\r\n\r\n```html\r\n<div ngx-auto-scroll lock-y-offset=\"10\" observe-attributes>\r\n    <div *ngFor=\"let message of messages\">{{ message }}</div>\r\n</div>\r\n```\r\n\r\n#### Atribiutes:\r\n \r\nArgument passed to `lock-y-offset` is bottom offset of scroll position in pixels after scroll container stops auto scroll. Default value is 10.\r\n\r\n`observe-attributes` (optional, default - false) enable listening on attributes changes for example detect changes in font size.\r\n\r\n#### Forcing scroll down\r\n\r\nWhen your DOM element or its parent is hidden auto scroll won't work. There is no simple/pure way to scroll hidden element. The best way is to force scrolling down after the element is shown.\r\n\r\n```typescript\r\n@Component({\r\n   selector: 'sample',\r\n   directives: [NgxAutoScroll]\r\n})\r\nexport class SampleComponent {\r\n    @ViewChild(NgxAutoScroll) ngxAutoScroll: NgxAutoScroll;\r\n    \r\n    public forceScrollDown(): void {\r\n        this.ngxAutoScroll.forceScrollDown();\r\n    }\r\n}\r\n```\r\n\r\n## Building\r\n\r\n```\r\nnpm run build\r\n```\r\n","versions":{"2.0.14":{"name":"@beradrian/ngx-auto-scroll","version":"2.0.14","description":"Angular 2+ directive to automatically scroll html container content to the bottom.","scripts":{"ng-build":"ng-packagr -p ng-package.json","postng-build":"cpx \"dist/@beradrian/*\" dist && rmdir-cli \"dist/@beradrian\"","preng-publish":"npm run ng-build","ng-publish":"npm publish dist --access public"},"keywords":["angular","div","autoscroll"],"dependencies":{},"peerDependencies":{"@angular/core":"^5.0.0","@angular/common":"^5.0.0","rxjs":"^5.5.2","zone.js":"^0.8.14"},"devDependencies":{"@angular/core":"^5.0.0","@angular/common":"^5.0.0","rxjs":"^5.5.2","zone.js":"^0.8.14","typescript":"~2.4.2","ng-packagr":"latest","cpx":"latest","rmdir-cli":"latest"},"repository":{"type":"git","url":"git+https://github.com/beradrian/ngx-auto-scroll.git"},"author":{"name":"beradrian@yahoo.com"},"license":"ISC","main":"bundles/ngx-auto-scroll.umd.js","module":"@beradrian/ngx-auto-scroll.es5.js","es2015":"@beradrian/ngx-auto-scroll.js","typings":"ngx-auto-scroll.d.ts","metadata":"ngx-auto-scroll.metadata.json","bugs":{"url":"https://github.com/beradrian/ngx-auto-scroll/issues"},"homepage":"https://github.com/beradrian/ngx-auto-scroll#readme","_id":"@beradrian/ngx-auto-scroll@2.0.14","_npmVersion":"5.6.0","_nodeVersion":"8.9.1","_npmUser":{"name":"beradrian","email":"beradrian@yahoo.com"},"dist":{"integrity":"sha512-eHYVpPD3t7bPoeXfdtUj76kfCLypzuo0ckfOwexIu5MCC2lvsMdBcZBvNOxr5JOsD1PHwbn6k6sRD39gc215/g==","shasum":"dc70b5cbfd582606526fd19b50306b4d6b8e7a4f","tarball":"https://registry.npmjs.org/@beradrian/ngx-auto-scroll/-/ngx-auto-scroll-2.0.14.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAX62NKiizekonq8Uy4sPUEPk1AraC+gBNXctLZhkDAeAiEAxx2Bdv/JMrpOovBrkVHJ80AzVdceZXJQSn/8lY1DNUE="}]},"maintainers":[{"name":"beradrian","email":"beradrian@yahoo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-auto-scroll-2.0.14.tgz_1515495698438_0.43154707457870245"}}},"homepage":"https://github.com/beradrian/ngx-auto-scroll#readme","keywords":["angular","div","autoscroll"],"repository":{"type":"git","url":"git+https://github.com/beradrian/ngx-auto-scroll.git"},"author":{"name":"beradrian@yahoo.com"},"bugs":{"url":"https://github.com/beradrian/ngx-auto-scroll/issues"},"license":"ISC","readmeFilename":"README.md"}