title: Pin / Fix div in Javascript on scroll with parallax
body: <p>I am trying to pin an div for a certain amount when you start scrolling the page. </p>
  
  <p>I would like this because I have a slider (revolution slider in Wordpress) with an parallax effect and want to be able to display some items that start to show when you scroll down.</p>
  
  <p>I have tried to implement ScrollMagic javascript but was not able to achieve any results.</p>
  
  <p>It could be that I am wrong here and not use the parallax effect. I have seen other websites using the <code>transform: scale();</code> and <code>transform: translate3d();</code> but that would mean I have to create my own slider to say so.</p>
  
  <p>If someone can point me in de right direction that would be very helpful.</p>
  
  <p>Greetings,
  Mark</p>