https://github.com/ng2-ui/sticky

Angular2 "position: sticky" implementation as a directive
https://github.com/ng2-ui/sticky

Last synced: 3 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

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