https://github.com/jonasmedeiros/ng-sticky

Angular 4 sticky, have header or any component sticky easy to use.
https://github.com/jonasmedeiros/ng-sticky

angular angular-cli angular2 angular4 sticky sticky-elements sticky-headers stickyheader

Last synced: 3 months ago
JSON representation

Angular 4 sticky, have header or any component sticky easy to use.

• Host: GitHub
• URL: https://github.com/jonasmedeiros/ng-sticky
• Owner: jonasmedeiros
• Created: 2017-06-11T00:38:25.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-10T14:12:50.000Z (almost 7 years ago)
• Last Synced: 2024-09-28T15:23:03.325Z (4 months ago)
• Topics: angular, angular-cli, angular2, angular4, sticky, sticky-elements, sticky-headers, stickyheader
• Language: JavaScript
• Homepage:
• Size: 1.11 MB
• Stars: 25
• Watchers: 5
• Forks: 6
• Open Issues: 10
• Metadata Files:
  • Readme: README.MD

Awesome Lists containing this project

README

        
# ng-sticky

Angular 4 Directive

## Check demo plunker

[Demo](https://embed.plnkr.co/zb2igm0xicoeKD9yzwhD/)

## Installation

To install this library, run:

```bash

$ npm install ng-sticky --save

```

## Consuming the library

Import library in any Angular 4 application by running:

```bash

$ npm install ng-sticky

```

and then from your Angular `AppModule`:

```typescript

import { BrowserModule } from '@angular/platform-browser';

import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import NgStickyDirective

import { NgStickyDirective } from 'ng-sticky';

@NgModule({

  declarations: [

    AppComponent,

    NgStickyDirective

  ],

  imports: [

    BrowserModule

  ],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule { }

```

Once the library is imported, you can use the directive:

```xml



  
menu



```


## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash

$ npm run build

```

To lint all `*.ts` files:

```bash

$ npm run lint

```

## License

MIT © [Jonas Medeiros](mailto:[email protected])