Sticky JSTwig

Use the Sticky component to keep an element fixed in place while its container scrolls, and to react when the element enters or leaves its sticky state.

Usage

Register the JavaScript component in your app and include the Twig template:

import { Base, createApp } from '@studiometa/js-toolkit';
import { Sticky } from '@studiometa/ui';

class App extends Base {
  static config = {
    name: 'App',
    components: {
      Sticky,
    },
  };
}

export default createApp(App, document.body);

{% include '@ui/Sticky/Sticky.twig' with { content: 'Sticky content' } only %}