title: How do I make an offset of 50% of the page for Scrollspy?
body: <p>Im trying to make my Scrollspy switch to the next section when it reaches 50% of the page height. </p>
  
  <p>I looked at <a href="https://stackoverflow.com/questions/9288482/how-do-i-set-the-offset-for-scrollspy-in-bootstrap">How do I set the offset for ScrollSpy in Bootstrap?</a> and I wasn't able to come up with a solution.</p>
  
  <p>So far i only have the normal data-offset</p>
  
  <pre><code>&lt;body data-spy="scroll" data-target="#mainNavBar" data-offset="200"&gt;
  </code></pre>
  
  <p>Anyone have any ideas on how I can achieve it?</p>