jQuery plugin for balanced scroll content
Install via NPM:
npm install scroll-balanced
Make sure to include jQuery in your page:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
Include jQuery Scroll-Balanced:
<script src="js/scroll-balanced.js"></script>
Include jQuery Scroll-Balanced styles
<link rel="stylesheet" href="css/scroll-balanced.css">
All you must to do just create markup like below, and put your content left in element with class (scroll-balanced-left), and right in element with class (scroll-balanced-right)
<div class="row-scroll-balanced" data-scroll-balanced>
<div class="column-scroll-balanced scroll-balanced-left">
<div class="scroll-balanced-item">
<!--.put your content here-->
</div>
</div>
<div class="column-scroll-balanced scroll-balanced-right">
<div class="scroll-balanced-item">
<!--.put your content here-->
</div>
</div>
</div>