title: When scrolling, how to make an element fixed only within a specific section in Figma?
body: <p>What I would like to do is the following:</p>
  
  <p><strong>When scrolling,</strong> </p>
  
  <ul>
  <li>Make Element A appear in Section A &amp; disappear in other sections.</li>
  <li>Make Element B appear in Section B &amp; disappear in other sections.</li>
  <li>Make Element C appear in Section C &amp; disappear in other sections.</li>
  </ul>
  
  <hr>
  
  <p>My current situation:</p>
  
  <p><strong>&lt; Section 1 ></strong>
  <a href="https://i.stack.imgur.com/Ykkfm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ykkfm.png" alt="enter image description here"></a>
  <strong>&lt; Section 2 ></strong>
  <a href="https://i.stack.imgur.com/MXtcn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MXtcn.png" alt="enter image description here"></a>
  ( Right now, the orange bar is constrained because of "Fix position when scrolling" option.
  <br>I want to make the orange bar disappear after scrolling once.
  <br>At the same time, I want to make different orange bar appear at a different location.)</p>
  
  <hr>
  
  <p><strong>I want to make my prototype look like this website</strong> <br>
  : <a href="https://www.greencar.co.kr/index.do" rel="nofollow noreferrer">https://www.greencar.co.kr/index.do</a> (please look at green bars on the right side)</p>
  
  <p><strong>&lt; Section 1 ></strong>
  <a href="https://i.stack.imgur.com/LIQOX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LIQOX.png" alt="enter image description here"></a>
  <strong>&lt; Section 7 ></strong>
  <a href="https://i.stack.imgur.com/pbWiw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pbWiw.png" alt="enter image description here"></a></p>
  
  <hr>
  
  <p>How could I make this happen in <strong>Figma</strong>?</p>