Raiper34 / ngx-sticky-copy

Ngx Sticky is another approach how to make elements sticky.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

npm version CircleCi npm bundle size NPM demo stackblitz

Ngx-sticky-copy

Ngx Sticky is another Angular approach how to make elements sticky. This library allows you to make sticky even tHead. It creates sticky copy and show/hide based on scroll position.

Instalation

npm install ngx-sticky-copy --save

then add NgxStickyCopyModule into module imports

import {NgxStickyCopyModule} from 'ngx-sticky-copy';

@NgModule({
// ...
  imports: [
    // ...
    NgxStickyCopyModule,
    // ...
  ],
// ...
})

Usage

See DEMO app for usage.

Directives

  • *scSticky - for all elements except table head
  • *scStickyThead - for table head element (tHead)

About

Ngx Sticky is another approach how to make elements sticky.

License:MIT License


Languages

Language:TypeScript 59.4%Language:HTML 31.5%Language:JavaScript 8.5%Language:SCSS 0.6%