title: Scrolling issue on position fixed element on iOS
body: <p>I am bulding a mobile project which has a number of modules having elements positioned as fixed. The issue which am facing is only on browsers running on iOS. 
  The exact issue is that whenever I tr to scroll over the body of the page having , say the bottom toolbar, as fixed, the whole fixed element moves respectively with the scroll, and once the scroll ends completely, then only it comes back to its assigned place.</p>
  
  <p>I have given the body of the page a relative css rule.
   Please help as this happens only on iOS.</p>
  
  <pre><code> .add-to-block {
      background: #fff;
      position: fixed;
      bottom: 0px;
      right: 0px;
      display: block;
      height: auto;
      width: 100%;
      *(inner content element) {
          inner content element styling...
       }
  }
  </code></pre>