title: BootStrap Modal background scroll on iOS
body: <p>So there is this known issue with modal on iOS, when the modal is enabled swiping up/down will scroll the body instead of the modal.</p>
  
  <p>Using bootstrap 3.3.7</p>
  
  <p>Tried to google it, most suggested adding</p>
  
  <pre><code>body.modal-open {
    overflow: hidden !important;
  }
  </code></pre>
  
  <p>but it doesn't work.</p>
  
  <p>Some suggested,</p>
  
  <pre><code>body.modal-open {
    position: fixed;
  }
  </code></pre>
  
  <p>But background will jump to the top of the page.</p>
  
  <p>So for now I am using,</p>
  
  <pre><code>body.modal-open {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
  }
  #exampleModal {
    background: black;
  }
  </code></pre>
  
  <p>As a work-around so the jump can't be seen(but still noticeable)</p>
  
  <p>Is there other solutions to this?</p>
  
  <p>This is the site i am working on <a href="http://www.einproductions.com/" rel="noreferrer">http://www.einproductions.com/</a></p>