https://github.com/informatix8/glue-stick

Stackable sticky elements
https://github.com/informatix8/glue-stick

hc-sticky position-sticky sticky sticky-elements sticky-headers sticky-headings vanilla-javascript vanillajs

Last synced: about 1 month ago
JSON representation

Stackable sticky elements

• Host: GitHub
• URL: https://github.com/informatix8/glue-stick
• Owner: informatix8
• Created: 2019-07-22T14:56:09.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-10-10T14:08:20.000Z (over 5 years ago)
• Last Synced: 2024-09-08T15:36:03.711Z (5 months ago)
• Topics: hc-sticky, position-sticky, sticky, sticky-elements, sticky-headers, sticky-headings, vanilla-javascript, vanillajs
• Language: JavaScript
• Homepage: https://gluestickjs.com/
• Size: 15.6 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Glue Stick

Easy to use sticky elements.

## Features

- Multiple sticky elements stacked together

- Support for responsiveness

- Footer handling

- Pre and post user defined functions can be called during significant events

- Stick to certain element

- Stick inside parent element

## Dependencies

1. Lodash merge function.

2. IntersectionObserver polyfill

3. hc-sticky

## Usage

### Install

```shell

npm install @informatix8/glue-stick --save-dev

```

### CDN

```html

```

### Vanilla Javascript

```javascript

new GlueStick({

    subject: 'aside',

    footer: 'footer'

});

```

## Development

```shell

npm run dev

```

## Build

```shell

npm run build

```

## Release

```shell

npm run build

git tag -a vX.Y.Z

git push origin master

git push origin --tags

npm publish --access=public .

```