Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

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
* Translation

In 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.