Edit in JSFiddle

<div class="container">
  <header>
  <h2>
  Sticky sidebar CSS only
  </h2>
  </header>
  <div class="row">
    <div class="col">
      <h1>Hello, world!</h1>
      <p>Lorem ipsum dolor. Sit amet duis. Duis libero id. Feugiat sit esse. Cursus hymenaeos et. Aenean placerat nulla mi sit blandit. Justo commodi et erat pretium ac. Mi ultrices volutpat. At sed platea sed et in. Nullam pretium aliquam risus lorem et. Morbi elit sit felis nec a. Rhoncus lacus amet. Donec id ac. Vivamus aliquam id duis at lacus sed maecenas ornare pharetra amet diam. Quam luctus pharetra. Quam eu ante. Sed id duis. Justo donec in suspendisse purus neque ultricies ut ac scelerisque nonummy mauris magna molestie in neque bibendum amet. Magna pulvinar euismod rutrum in et mollis dolor dapibus amet ac cras. Turpis sed id eu justo sit. Vivamus porttitor metus imperdiet lectus aliquam id sed velit vehicula nonummy varius nunc sit dolores. Nunc diam volutpat cras donec mi magna porttitor volutpat tortor condimentum sit. Vitae mi turpis. Quisque ligula ridiculus sapien pellentesque donec. Lectus nibh habitasse.</p><ol><li>Vestibulum dui sit.</li><li>Nonummy at arcu senectus dui fringilla.</li><li>Etiam nam laoreet ridiculus etiam at odio tincidunt quis.</li><li>Sed praesent fusce.</li><li>Consectetuer vitae interdum.</li><li>Lectus justo et ipsum dui nulla.</li><li>Massa ante congue a odio neque.</li><li>Ullamcorper in ultricies.</li><li>Non commodo vel porta ipsum donec suscipit magnis congue felis ultrices nostrum nunc a praesent.</li><li>Ut quam eros aliquet quisque pellentesque.</li></ol><p>Nonummy phasellus curae venenatis rutrum condimentum sagittis facilisis tellus amet erat integer. Fermentum velit ultricies. Dis eu turpis risus at egestas mus orci odio. Lectus tellus eget. Vivamus vitae sit ante ante morbi nisl morbi fusce. Tristique vel odio. Pede adipiscing in augue sodales libero. Egestas duis elementum. Purus orci mi. In suspendisse rutrum arcu ac morbi. Lorem dui etiam. Felis mi donec. Condimentum torquent at quis lacinia donec elementum dolor leo congue viverra molestie. Sodales suspendisse aenean ultrices et lectus. Tincidunt nisl euismod ipsum curabitur pellentesque pharetra nibh nonummy.</p>
    </div>
    <div class="col">
      <aside>
        <p>I am sticky sidebar</p>
        <p>
        Widgets go here
        </p>
        <p>
        Add as much content as you please to your sidebar.
        </p>
        <p>
        Learn how does this work in <a href="https://css-tricks.com/position-sticky-2/">this link</a>
        </p>
      </aside>
    </div>
  </div>
  <footer><a href="https://viktormorales.com">viktormorales.com</a></footer>
</div>
header, footer { padding: 50px 0; text-align: center }
aside {
  background: #B8C1C8;
  color: #FFF;
  margin: 0;
  padding: 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}