title: position:fixed is not working in the second part of div in react JS
body: <p>I have one <strong>parent div</strong> which has <strong>two children div</strong>,vertically divided the screen in to two equal halves. I have given <strong>position:fixed</strong> to the second children div to make it non scrollable but it came out of its actual position. Can any one please enlighten me on how to make second children div non scrollable by keeping in its original position.</p>
  <p>Edited:     <code>Please check the code </code> <a href="https://jsfiddle.net/stackoverflow748/9n0kpv84/91/" rel="nofollow noreferrer">https://jsfiddle.net/stackoverflow748/9n0kpv84/91/</a></p>
  <p>Thanks in advance.</p>