Pretty Scroll
A library to make an element follow you as you scroll
Demos
Installation
via npm
npm install pretty-scroll --saveor yarn
yarn add pretty-scrollBasic
<div class="js-container">
<div class="main">
</div>
<div class="sub">
<div class="js-sidebar">
<!-- contents here -->
</div>
</div>
</div>new PrettyScroll('.js-sidebar', {
container: '.js-container',
breakpoint: 575, // stop running the js when the window size is smaller than 575px
offsetTop: 20, // space between the sticky element and the top of the window
offsetBottom: 20, // space between the sticky element and the bottom of the window
condition: () => true // you can disable the sticky behavior by returning false, it will be executed when you scroll.
});