title: Is there a way to force `<body>` Element to respect offset? (I.e. Users current scroll position) when 'custombox' modal is fired?
body: <p>I'm working with <a href="https://dixso.github.io/custombox/" rel="nofollow noreferrer">custombox.js</a> along with BS4 and I'm having a little bit of difficulty with the scroll bars within the browser.</p>
  
  <p>Ok so let me explain;</p>
  
  <p>I have effectively a BS4 Modal (Except it's a Custombox one. They are quite similar.) With BS4 there is a class that is applied to the body tag when a modal is opened this class is as follows; </p>
  
  <pre><code>/* BS4 Class */
  .modal-open {
    overflow: hidden;
  }
  </code></pre>
  
  <blockquote>
    <p>Effectively this class hides the browsers scroll feature while the
    modal is open.</p>
  </blockquote>
  
  <p>Sadly, this isn't what I want as it causes some unsightly jittering, when opening or closing the modal.</p>
  
  <p>As such, I wrote this to combat the issue;</p>
  
  <pre><code>/* Custom Box Lock */
  .custombox-lock {
    position: fixed;
    left: inherit;
    overflow-y:scroll !important;
  }
  </code></pre>
  
  <p>Effectively this class keeps the scroll bar visible, while locking the user in place. (I.e Disables Scrolling.)</p>
  
  <p><strong>The Problem</strong></p>
  
  <p>Unfortunately, when this class is applied by the modal firing, it jumps the user to the very top of the page. Very undesirable indeed...</p>
  
  <p>As such I attempted to use, <code>inherit: left;</code> in the hopes I could force the body element to respect the scroll position but alas, I had no such luck.</p>
  
  <blockquote>
    <p><strong>Question:</strong> Does anyone know of a way I could achieve my desired result, without
    over complicating the issue?</p>
  </blockquote>