title: Getting the correct position of div even after scroll
body: <p>I have a certain identical <code>div</code> on my webpage one below the other .I want to get the correct position of the div to certain message(which is absolutely positioned and fades out later).</p>
  
  <p>so I tried this</p>
  
  <pre><code>$('.divs_article').click(function() {
      var left=$(this).offset().left;
      var top=$(this).offset().right;
  });
  </code></pre>
  
  <p>but this is giving incorrect results for the <code>div</code> that lie below the page,when I scroll down.</p>
  
  <p>Is there any better approach.?</p>
  
  <p>(PS:I have already tried <a href="https://stackoverflow.com/questions/3043102/how-to-get-right-offset-of-an-element-jquery">this</a>.)</p>