Link Scrolls Up To 4 Lines Below It's Related Anchor: Why?
Asked by David Fenstermacher:

The Anchor is at the top of the page followed by Table of Contents. Further down the page is a Link which references this Anchor. When one clicks on this Link, the page scrolls up to about 4 lines **++below++** the Anchor position. One has to manually scroll the rest of the way up in order to see the full table of contents. Why does it not scroll all the way back up to the Anchor position?

The only work around I have found is to add 4 blank lines between the top anchor and the table of contents macro. So, that the full table of contents will show up when the below Link is clicked.

Any thoughts on what would cause the link to not scroll completely up to the anchor location?


Answers:
author: Diego
body: Hello there, [@David Fenstermacher](/t5/user/viewprofilepage/user-id/1614862) . Thanks for sharing with the community!

So, let me start by explaining how Anchors work in Confluence.
> *When we insert an Anchor Macro on a Confluence page, it will create a header element with an ID. The ID will be based on the anchor name that was specified earlier.*

This is how the header element looks like when inspecting the page:
> ![Anota??o 2019-11-18 105255.jpg](https://community.atlassian.com/t5/image/serverpage/image-id/73213iB0285A233F30303B/image-dimensions/411x205?v=v2 "Anota??o 2019-11-18 105255.jpg")

Anchors in Confluence are anchor links by the HTML definition. Since this is a default element within HTML, W3 has documentation on it. Here take a look:
> * ++**[\[W3 Docs\] How to Create an Anchor Link to Jump to a Specific Part of a Page](https://www.w3docs.com/snippets/html/how-to-create-an-anchor-link-to-jump-to-a-specific-part-of-a-page.html)**++

How the anchor redirect happens is solely based on the browser interpretation of anchors. Here is how the anchor I created look like in Mozilla Firefox:
> ![Anota??o 2019-11-18 105404.jpg](https://community.atlassian.com/t5/image/serverpage/image-id/73214i361CA037BC6F89B4/image-dimensions/430x232?v=v2 "Anota??o 2019-11-18 105404.jpg")

And here is the same anchor, but in Google Chrome:
> ![Anota??o 2019-11-18 105448.jpg](https://community.atlassian.com/t5/image/serverpage/image-id/73215i6BC2366A822DA15B/image-dimensions/440x237?v=v2 "Anota??o 2019-11-18 105448.jpg")

As you can see, the "My Anchor is here" text does not show up in Chrome. On the other hand, it ++*does show in Firefox*++.

For short, how anchors are going to behave is ++*based on the browser.*++Confluence inserts the anchor and the browser interprets how to display it.

Your workaround should take care of this behavior in browsers that do display this different behavior.

I hope this helps you out, David!

comments: author: David Fenstermacher
body: You are wonderful! I have search for the reason for this behavior and you are the only person that has been able to explain this. I hope this posting helps others out as well.

Thanks!


author: Diego
body: Great to hear that I was able to help you with that, [@David Fenstermacher](/t5/user/viewprofilepage/user-id/1614862) Be assured that your post is likely to help other customers, that is the community spirit!

Come share with the community in the future.


Tags: confluence-server

server