Duplicate Create a standard anchor class

[Stuart Wright]

For people like us at AVForums who use a sticky header, when a page opens at an anchor, the window is scrolled to the wrong location. It's offset by the height of the sticky header.
E.g. http://www.avforums.com/threads/header-bug-on-both-menus.1860101/#post-20361575
If all anchors in Xenforo had the same class, we could modify it to adjust the position so the user arrived at them in exactly the right position on the page.
So please consider adding a class to all anchors.
Thanks.

 

[Jeremy]

By nature of what an anchor in the URL is, it should be unique and map to exactly one element on the page.

 

[Mike]

Yeah, I don't really understand. An #anchor is simply referring to an element with that ID. It's the browser that's responsible for the scrolling for the most part (though we do actually have an extra check that does some scrolling to account for certain buggy browsers). If you have a sticky header, it's virtually always going to be something that has to be handled specially.

 

[EQnoble]

I agree.

I did something custom at one point a while ago that offset the position of # and had to work around it and come up with something that fixes the issue, however this needs to be slightly tweaked pending the styling of the site it is being applied to so I think this is something not suited to be stock. Adding a class would not be the solution as the real problem is the sticky content hiding your starting point so you would really just need to address the offset and not worry about styling and classes.

 

[Chris D]

I think it's a duplicate of this suggestion:

http://xenforo.com/community/threads/internal-links-have-an-html-class-assigned-to-them.62428/

 

[Stuart Wright]

By nature of what an anchor in the URL is, it should be unique and map to exactly one element on the page.

Indeed Jeremy, but that doesn't stop us from giving them all the same class.

 

[Stuart Wright]

I think it's a duplicate of this suggestion:

http://xenforo.com/community/threads/internal-links-have-an-html-class-assigned-to-them.62428/

Chris is correct. Perhaps the threads can be merged? Mike better explains the issue in the above thread.

 

[Rob]

I have the same issue Stuart and also using a fixed header.
Surely jQuery can select all id's starting with "post-" and modify them? Same for other content if they are similarly prefixed.

 

[Chris D]

jQuery can certainly dynamically add a class which may help.

Here's an example I've just executed on this page using the browser console:



But in terms of adding styling to that, I'm not sure how useful that would be. Those elements are the list elements which are the posts on the page. They are also the anchor links. Manipulating the styling of those would also manipulate the style of posts.

 

[EQnoble]

I have the same issue Stuart and also using a fixed header.
Surely jQuery can select all id's starting with "post-" and modify them? Same for other content if they are similarly prefixed.

Yes exactly and it is quite simple and actually you don't even need jquery for this one.

 

[Mike]

See my response to the other thread: http://xenforo.com/community/threads/internal-links-have-an-html-class-assigned-to-them.62428/