https://github.com/raiper34/ngx-sticky-copy

Ngx Sticky is another approach how to make elements sticky.
https://github.com/raiper34/ngx-sticky-copy

angular directives sticky sticky-headers

Last synced: about 2 months ago
JSON representation

Ngx Sticky is another approach how to make elements sticky.

• Host: GitHub
• URL: https://github.com/raiper34/ngx-sticky-copy
• Owner: Raiper34
• License: mit
• Created: 2021-10-28T11:48:45.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-01-28T23:53:30.000Z (over 4 years ago)
• Last Synced: 2025-04-01T12:52:29.293Z (about 1 year ago)
• Topics: angular, directives, sticky, sticky-headers
• Language: TypeScript
• Homepage:
• Size: 380 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![npm version](https://badge.fury.io/js/ngx-sticky-copy.svg)](https://badge.fury.io/js/ngx-sticky-copy)

[![CircleCi](https://circleci.com/gh/Raiper34/ngx-sticky-copy.svg?style=shield)](https://app.circleci.com/pipelines/github/Raiper34/ngx-sticky-copy)

![npm bundle size](https://img.shields.io/bundlephobia/min/ngx-sticky-copy)

![NPM](https://img.shields.io/npm/l/ngx-sticky-copy)

[![demo](https://badgen.net/badge/demo/online/orange)](https://ngx-sticky-copy.netlify.app/)

[![stackblitz](https://badgen.net/badge/stackblitz/online/orange)](https://stackblitz.com/edit/angular-ivy-4tqcmx)

# 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

```typescript

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

@NgModule({

// ...

  imports: [

    // ...

    NgxStickyCopyModule,

    // ...

  ],

// ...

})

```

# Usage

See [DEMO](https://ngx-sticky-copy.netlify.app/) app for usage.

# Directives

- *scSticky - for all elements except table head

- *scStickyThead - for table head element (tHead)