I have anchor links used widely in my site. When those anchor are being linked within the same page, the link works fine everytime. My problem is when a link is created to direct the browser to a different page and to a specific anchor on the page. For about two thirds of the instances I use this type of link it works fine. The other third, the link appears to work fine as it takes the browser to the correct location, but if the user scrolls back to the top of the page, all or parts of the header will be cut off. I’ve tried to find differences between the working pages and the pages that have the bug, and have had no luck. I have noticed that however much of the page is being cut off of the top, that amount of space is added to bottom of the page in extra space after the footer.
Here is an example of an anchor link that works properly,
http://www.sitinvest2.com/simple-ira-2/#employeecontributions
Here is an example of an anchor link that doesn’t work,
http://www.sitinvest2.com/ugmautma/#taxrules
Any help would be appreciated.
By the way, this issue exists on all operating systems & browsers that I’ve had access to.
The difference between whether or not it will occur, is the length of the page. Shorter pages have the issue.
Hey!
That is most probably because the browser can not get lower to center the value properly ( the anchor ) so it looses the position.
As thta is something browser based, there are not many thing we can do there, I am afraid.
Please let us know if we can help you further and we would love to do it.
Regards,
Basilis