javascript - Overflow hidden and ID in URL. Content not shown, jumps on top -

I have a strange problem when the container has overflow: hidden and the page has the URL Id. The content has gone to the top and is not visible. This problem occurs when I add padding and negative margins below. I have done it for equal collumns.

Click on a demo link here and you will see how the content has gone to the top and is not slip

How can I stop it? JS solutions are acceptable, if it is not possible to use CSS only. OK, so I think the question is that you have to stop normal behavior associated with anchor.

I have updated Bella

I have referenced jquery, if I take time, I will make a pure JS solution.

This prevents the page from reloading on normal clicks

The code looks like this:

  $ (document) .ready (function () {$ ('.column a'). Click (function () {return false;});});  

I think what it is after you, of course you can go to a reference on the same page of the link, but Bella will need to update, on your needs It depends on hope that it will help.