Question

I’m having a problem, trying to make a scrollTo within a div with overflow.

I created five sections and five links in the menu. When I click on a link from the menu, I would like it to be correct div.

The link to content that I did:
http://jsbin.com/adagid/

Sometimes it appears right (when you click directly on the first or last link), but sometimes the content displayed is the middle of the content.

how I can fix this problem?

Answer 1

Updated your code (cloned copy): http://jsbin.com/etexul

Note that you need to take into account current scroll of the container…

 var scrollTop = jQuery('#' + gethash).offset().top + jQuery('.content').scrollTop() - 25;

25 there due to margin you used on the container