Why are anchors scrolling past the anchor

[Josh Gust]

adding an anchor to a row in a table scrolls past the anchor and effectively hides the desired text off screen

[Diego]

Hello @Josh Gust !

As I understand, accessing anchors that are inside a table do not work as expected.

I would like to first understand one detail:

1. What editor are you using, the Legacy (tinyMCE) or the New (Fabric) editor?

In the current editor (Fabric), Anchors have been removed and replaced by Linkable Headings. Here is the description of this feature:

Heading links use a combination of the three character space identifier and the page ID along with the page name and header name.

1. If you only need to get the URL that takes viewers to a heading, do the following:
2. Navigate to the page and scroll down to the heading.
3. Hover over the heading to reveal the link icon to the left of the heading.
4. Click the link icon to copy the link.
5. Navigate to and edit the page where you want to link to the heading.
6. Paste the URL in the link tool pop-up, and give it a more friendly name if desired.

If you need to create several links to headings on a page, it’s more efficient to get the page URL and construct the heading portion yourself.

1. Navigate to and view the page containing the heading.
2. Copy the page URL for future use. Keep in mind that the page URL capitalization must match the page title capitalization. Spaces in the page title are replaced with a plus ( + ).
3. Make note of all the exact headings that to which you want to link.
4. Navigate to and edit the page where you want to link to the headings.
5. Paste the page URL in the link tool pop-up, add the page heading title, and give it a more friendly name if desired. Keep in mind that the heading part of the URL must match the capitalization of the page heading. Spaces in the heading title are replaced with a hyphen ( - ).
6. Repeat Step 6 until you’ve created all the heading links needed.

If you need more detail on links and their types, you can check here:

• [Confluence Cloud] Insert links and anchors

The suggestion to add anchors back into the New Editor experience was made some time but was ultimately ruled out in favor of Linkable Headings:

Hi everyone,

Thank you for your feedback on adding page anchors into the new editor. We currently have link to headings that are natively supported in the new editor without the need for the old Anchor Macro. You can directly reference headers by copying the link upon hover or by adding #Header-Name to the URL of your page. With our originally announced plan to clean up macros (https://confluence.atlassian.com/confcloud/we-re-cleaning-up-our-macros-946028471.html) and our implementation of link to headings, we currently have no plans in the near term to bring back the Anchor Macro in its original state.

You can track our upcoming roadmap here: https://confluence.atlassian.com/confcloud/confluence-cloud-editor-roadmap-967314556.html. If we have any updated plans, we will update the thread here. Thank you again for your feedback.

Best,

Sunny

Link to report:

• [Confluence Cloud] Add Page Anchors back into the new editor experience.

If you are still using the Legacy Editor (tinyMCE), I suggest we start by checking this behavior with another browser as well.

I have faced, in the past, problems with Google Chrome where anchors would be out of screen when accessing them but behaved normally in Firefox.

Also, could you clarify if you are using the Anchor Macro or using the element ID of a specific page element within the text itself?

Let us hear from you!