Sticky Sharebar

Sticky social sharing bar.

Dependencies

• Social Sharing

How to

The Sticky Sharebar component is a sticky banner that includes social sharing buttons.

For info about how to set the social sharing data + URLs, please refer to the Social Sharing component.

The component visibility is controlled by the .js-sticky-sharebar-target element: when the target reaches 50% of the viewport (this.threshold = '50%';), the .sticky-sharebar--on-target class is added to the .sticky-sharebar element.

To hide the sharebar when a specific element enters the viewport, add the .js-sticky-sharebar-target-out class to this element.

If you want to hide the component on smaller screens and show it past a specific breakpoint, use one the visibility utility classes.

Categories

• Blog > Plugin
• Plugins > Misc

Bug report & feedback

Component Github page ↗