title: Is it possible to animate scroll using jquery without $('html, body')?
body: <p>I need <code>&lt;body&gt;</code> and <code>&lt;html&gt;</code> on my page always have <code>ovreflow:hidden</code>. Child overall wrapper <code>#main-wrapper</code> has <code>overflow-y: scroll</code> and i try to make animation on it. But unfortunately <code>$('#my_element').offset().top</code> is always different. Its value depends on where my viewport is.</p>
  
  <p>Look at <a href="https://jsfiddle.net/nevcn3vo/11/" rel="nofollow noreferrer">jsfiddle</a> please</p>