JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<html lang="en">
    <body id="bootstrap-js">
        <ul class="nav nav-pills nav-stacked pull-left" style="position:fixed">
            <li><a href="#section1">section 1</a></li>
            <li><a href="#section2">section 2</a></li>
            <li><a href="#section3">section 3</a></li>
            <li><a href="#section4">section 4</a></li>
            <li><a href="#section5">section 5</a></li>
        </ul>
        <div id="to-Scroll" style="margin-left: 100px" data-spy="scroll" >
            <h4 id="section1">Section 1</h4>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque porta, elit vel gravida ornare, massa arcu placerat elit, vel faucibus turpis lectus euismod nibh. Donec at sapien est. Nunc facilisis tellus sit amet tortor pellentesque sit amet commodo enim dignissim. Nam egestas magna nec risus semper pellentesque. Praesent quis risus enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie tempor faucibus. Donec ante magna, luctus in facilisis sed, consectetur vitae mauris. Morbi blandit bibendum lobortis. In hac habitasse platea dictumst. Nulla lacinia aliquet lorem eget faucibus. Suspendisse venenatis cursus pulvinar. Nullam placerat convallis neque, non auctor ipsum aliquam quis. Nam non purus sapien. In purus quam, faucibus et porta ac, euismod semper erat.
            </p>

            <h4 id="section2">Section 2</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque porta, elit vel gravida ornare, massa arcu placerat elit, vel faucibus turpis lectus euismod nibh. Donec at sapien est. Nunc facilisis tellus sit amet tortor pellentesque sit amet commodoIP enim dignissim. Nam egestas magna nec risus semper pellentesque. Praesent quis risus enim....

CSS

#to-Scroll {
    height: 300px;
    overflow: auto;
    width: 200px;
}

h4 {
  margin-top: 20px;
}
.yellow {
  background-color: yellow;
}
}

JavaScript

$(function() {
  var $spy = $('.nav.nav-pills');
  $spy.scrollspy({offset: 20});
  $spy.bind("activate", function(e) {
    //e.target is the current <li> element
    var header = $(e.target).find("a").attr("href");
    //remove yellow class from all h4's
    $('h4').removeClass('yellow');
    // add yellow class to the current h4
    $(header).addClass('yellow');
  });
});