This is a tough one I believe.

I am currently developing a new site for my company, the test is here:


As you can see each tab opens up new content, this is done using JavaScript and jQuery. However I would like the site to scroll to each section when it is opened. It does not need to be a smooth scroll, am happy with it snapping to that area, but just so that the section which is opened becomes the main focus so that the user does not have to scroll to see the entire section.

Now you may be thinking, easy, anchor tag! Unfortunatly not, iv tried using anchor tags with name tags however this doesnt work, perhaps a conflict with the Javascript or an issue with the name tags being hidden when you click the links i dont no.

If anyone has any suggestions how I can do this that would be great!