HTML horizontal scrolling is not working properly

Question

I have a table in my HTML and it is wider than the window. So I created it to scroll horizontally. I created a link to move to a specific <th> in the table by horizontally scrolling when click on the link.

<a href="#nic_name">Goto Nic</a>

When I click on the link, it is moving to the specific <th> by scrolling horizontally and also by scrolling down vertically. So, I can't see the <Div> above the table. Can I stop this vertical scrolling?

Update:

This is a demo most likely what I have. I need to move to points while seeing the upper "AAAAAA" part. That means without scrolling vertically.

http://jsfiddle.net/34r76ag8/

Answer 1

You can do something like this (in your demo):

.blue{
  position: relative;
  left: 1500px;
  margin-top: -150px;
  padding-top: 150px
}