title: How would I achieve a half screen scroll lock effect?
body: <p>I'm looking to design a site that has a similar feature to this one:
  <a href="http://combo.nyc/projects/chillhouse" rel="nofollow noreferrer">http://combo.nyc/projects/chillhouse</a></p>
  
  <p>I'd like to lock the scrolling on only one half of the page at a time. I've designed two panels .leftPanel and .rightPanel but I'm not sure how to get this effect. I'm assuming there's some way to get this through jquery but through my searching I haven't come up with a good way to do it smoothly and properly.</p>
  
  <p>Would anybody be able to help direct me towards a good method or explain how I can attach this functionality into my site?</p>
  
  <p>Thanks!</p>