@charset "utf-8";
	 body {
    position: relative;
			 
     overflow-y: scroll;
  }
  ul.nav-pills {
    top: 20px;
    
  }
  div.col-sm-9 div {
    height: 250px;
    font-size: 28px;
  }
.container {
    
    text-align: justify;
    height: 500px;
}
.container .row .col-md-3 {
}
.container .row .col-md-9 {
    overflow-y: scroll;
	height: 300px;
}

 
  @media screen and (max-width: 810px) {
    #section1, #section2, #section3, #section41, #section42  {
      margin-left: 150px;
    }
  }
  
 <body data-spy="scroll" data-target="#navbar-example">
  ...
  <div id="navbar-example">
    <ul class="nav nav-tabs" role="tablist">
      ...
    </ul>
  </div>
  ...
</body>