Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ng2-ui/sticky
Angular2 "position: sticky" implementation as a directive
https://github.com/ng2-ui/sticky
Last synced: 2 months ago
JSON representation
Angular2 "position: sticky" implementation as a directive
- Host: GitHub
- URL: https://github.com/ng2-ui/sticky
- Owner: ng2-ui
- License: mit
- Archived: true
- Created: 2016-07-15T22:42:21.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-18T15:27:11.000Z (about 7 years ago)
- Last Synced: 2024-08-11T17:08:13.484Z (5 months ago)
- Language: TypeScript
- Homepage: https://ng2-ui.github.io/#/sticky
- Size: 2.61 MB
- Stars: 37
- Watchers: 4
- Forks: 11
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-angular-components - @ngui/sticky - Angular2 "position: sticky" implementation as a directive. (Uncategorized / Uncategorized)
- awesome-angular-components - @ngui/sticky - Angular2 "position: sticky" implementation as a directive. (Uncategorized / Uncategorized)
README
# @ngui/sticky
position: sticky implementaion in Angular2## IMPORTANT: NOT-MATAINED.
Accepting volunteers and ready to transfer ownership.[Demo](https://rawgit.com/ng2-ui/sticky/master/app/index.html)
Plunker Example: https://plnkr.co/edit/ZKwAHN?p=preview
## Install
1. install @ngui/sticky
$ npm install @ngui/sticky --save
2. If you are not using webpack, add `map` and `packages` to your `systemjs.config.js`
map['@ngui/sticky'] = 'node_modules/@ngui/sticky/dist/sticky.umd.js';
3. import NguiStickyModule to your AppModule
import { NgModule } from '@angular/core';
import { FormsModule } from "@angular/forms";
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { NguiStickyModule } from '@ngui/sticky';
@NgModule({
imports: [BrowserModule, FormsModule, NguiStickyModule],
declarations: [AppComponent],
bootstrap: [ AppComponent ]
})
export class AppModule { }
For full example, please check out `test` directory to see the example of;- `systemjs.config.js`
- `app.module.ts`
- and `app.component.ts`.## Usage it in your code
One
After
Another
One
After
Another
## Offset after some tag or class
Header Container
## **ng2-ui** welcomes new members and contributors
This module is only improved and maintained by contributors like you.
As a contributor, it's NOT required to be skilled in Javascript nor Angular2.
You are only to be open-minded and interested in helping others.
As a contributor, you do following;* Updating README.md
* Improving code comments
* Answering issues and building FAQ
* Documentation
* TranslationIn result of your active contribution, you will be listed as a core contributor
on https://ng2-ui.github.io, and a member of ng2-ui too.If you are interested in becoming a contributor and/or a member of ng-ui,
please send me email to `allenhwkim AT gmail.com` with your github id.