JSFiddle - React, Tailwind, and code Playground

by kunalvashist

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://raw.github.com/leafo/sticky-kit/master/jquery.sticky-kit.min.js"></script>
<div class="container">
<div class="row" id="parent">
    <div class="col-xs-4">
        <div id="sidebar">
            <h1>SIDEBAR</h1>
            <ul class="list-group">
              <li class="list-group-item">Cras justo odio</li>
              <li class="list-group-item">Dapibus ac facilisis in</li>
              <li class="list-group-item">Morbi leo risus</li>
              <li class="list-group-item">Porta ac consectetur ac</li>
              <li class="list-group-item">Vestibulum at eros</li>
            </ul>
            <p>
                Other custom content... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur expedita laudantium quos laborum sequi est voluptates nisi doloribus atque provident magnam necessitatibus enim porro sit adipisci doloremque dolorum deserunt ratione.<br />
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro debitis laudantium unde necessitatibus veritatis tempora qui minima magnam adipisci sit laborum deserunt magni culpa repudiandae voluptatibus perspiciatis hic dicta aut!<br />
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro debitis laudantium unde necessitatibus veritatis tempora qui minima magnam adipisci sit laborum deserunt magni culpa repudiandae voluptatibus perspiciatis hic dicta aut!
            </p>
            <p>The END</p>
        </div>
    </div>
    <div class="col-xs-8">
        <div id="main">
            <h2>CONTENT</h2>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor molestiae minima nam blanditiis harum nobis ea voluptatem at consequatur assumenda! A sunt doloremque vel numquam voluptates quidem blanditiis omnis...

JavaScript

// SMART SCROLLING
$('#sidebar').stick_in_parent();