@pnx-mixtape/sticky

sticky component

Usage no npm install needed!

<script type="module">
  import pnxMixtapeSticky from 'https://cdn.skypack.dev/@pnx-mixtape/sticky';
</script>

README

@pnx-mixtape/sticky

Documentation and examples: Sticky

Installation

npm install @pnx-mixtape/sticky --save

How to use

CSS

PostCSS workflow: @import '@pnx-mixtape/sticky';
Sass/Eyeglass: @import 'mixtape-sticky';
Native CSS: @import url('dist/sticky.css');
Link tag: <link href="dist/sticky.css" rel="stylesheet" type="text/css">

Vanilla JS

ES6 import: import Sticky from '@pnx-mixtape/sticky';
Script tag: <script src="dist/sticky.js" type="text/javascript"></script>

HTML

<div class="sticky js-sticky">
  <h4>Element to be fixed</h4>
  <p>Body content.</p>
</div>