title: How to update z value when scrolled on three.js render?
body: <p>I am trying to add scroll event listener <a href="https://jsfiddle.net/devnigel/hL7zhuLj/1/" rel="nofollow noreferrer">to my three.js project</a>.</p>
  
  <p>I tried this code but it doesn't work and I don't know why.</p>
  
  <pre><code>window.addEventListener("scroll", function(e) {
  
      console.log("scrolled")
  
      // code to increment object.position.z 
  
  }, true);
  </code></pre>
  
  <p>I tried <strong>OrbitControls.js</strong> and <strong>TrackballControls.js</strong>, but it zooms. I don't want the zoom feature.</p>
  
  <p>Any ideas?</p>