title: how to use react-spring parallax on the main window
body: <p>this is my first time implementing the  react-parallax effect, the goal is to use the parallax tag on some sections but not all, but no matter what i try the parallax tag seems to just create a separate container in those sections and i end up with two sroll bars. i just want to know if theres no way to implement the parallax effect and just use the window scrollbar as the only scrollbar.</p>
  <pre><code>
  import { Parallax, ParallaxLayer } from '@react-spring/parallax'
  
  const Cards = () =&gt; {
     
  
     
  
      return (
          &lt;&gt;
               &lt;Titlebar title= 'Three major ethnic groups' /&gt;
               &lt;Parallax pages={3}&gt;
        &lt;ParallaxLayer sticky={{ start: 1, end: 3 }} style={{  justifyContent: 'flex-start' }}&gt;
            &lt;Test text='bole' paragraph='gimme that bole' source= {igbo} alter='igbo' /&gt;
          &lt;/ParallaxLayer&gt;
  
  
          &lt;ParallaxLayer offset={0} speed={0.5} style={{ justifyContent: 'flex-end' }}&gt;
            &lt;p &gt;Scroll down&lt;/p&gt;
          &lt;/ParallaxLayer&gt;
  
          
  
          &lt;ParallaxLayer offset={1.5} speed={1.5} style={{ justifyContent: 'flex-end' }}&gt;
            &lt;div&gt;
              &lt;p&gt;I'm not&lt;/p&gt;
            &lt;/div&gt;
          &lt;/ParallaxLayer&gt;
        &lt;/Parallax&gt;
          &lt;/&gt;
      )
  }
  
  export default Cards
  
  
  
  </code></pre>
  <p>this is some sample code from my project, to explain again. i want to be able to use to use just the window scrollbar to scroll through all the elements in the page</p>