title: Possible to scroll inside a div while body overflow hidden?
body: <p>I have body overflow set to hidden, but I want to be able to scroll inside a div if it exceeds viewport height, is that posible? With the following, a scrollbar appears but it is not scrollable.</p>
  
  <pre><code>&lt;div class="green"&gt;&lt;/div&gt;
  
  body {
    background: black;
    height: 3000px;
    overflow: hidden !important;
  }
  
  .green {
    background: green;
    width: 100%;
    height: 1500px;
    overflow-y: scroll;
  }
  </code></pre>
  
  <p>fiddle: <a href="https://jsfiddle.net/q5a43c63/" rel="noreferrer">https://jsfiddle.net/q5a43c63/</a></p>