title: Hide scrollbar in div with 100vh
body: <p>I am having a great deal of trouble with a scrollbar in my <a href="http://weshape.dk/newport/" rel="nofollow">new portfolio</a>.</p>
  
  <p>As you can see, the layout is divided into two columns, where my content is on the left side. I want to be able to scroll, but I need the scrollbar to be hidden. I have tried with the following code, but it didn't work. I don't know if it's a problem, that I use the 100vh setting?</p>
  
  <p><strong>Example of what I tried</strong></p>
  
  <pre><code>.parent{
     height: 100vh;
     overflow: hidden;
  }
  
  .child{
     overflow-y: scroll;
  }
  </code></pre>
  
  <p><strong>My HTML</strong></p>
  
  <pre><code>&lt;div class="slider"&gt;
  &lt;ul class="slides"&gt;
      &lt;li class="container-fluid content"&gt;
          &lt;div class="row row-eq-height"&gt;
              &lt;div class="col-sm-6 static"&gt;
                  &lt;div class="text"&gt;
                      &lt;div class="vertical"&gt;
                          &lt;p&gt;CONTENT&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-6 overflow-hidden"&gt;
                  &lt;div class="image personal"&gt;
                      &lt;img src="IMAGE" alt=""&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>