Can I retrieve the current anchor position?

Question

I have been trying to figure this out and I keep riddling myself to nowhere.

I have a blog with all the posts numbered chronologically from 1 to X (class), each page of the blog displays 10 posts, each with a numbered anchor (post1, post2, etc).

I can't figure out how to retrieve the id/class/name of the anchor of the element currently displayed on the screen (where the scrollbar is) if the user didn't get to the anchor by clicking a link.

Can this even be done? I'm trying to code it in JavaScript but I don't know where to start, a nod in the right direction would help a lot.

Please try this [parsing url method][1]. [1]: http://stackoverflow.com/questions/3552944/how-to-get-the-anchor-from-the-url-using-jquery — AChudov, Nov 28 '12 at 03:40

score 0 · Accepted Answer · answered Nov 28 '12 at 03:46

If the anchor's id/name isn't in the URL then you could try combining a function to get absolute position of elements

function pos(e) {
    var o = {left:e.offsetLeft, top:e.offsetTop};
    while (e=e.offsetParent)
        o.left = o.left + e.offsetLeft,
        o.top = o.top + e.offsetTop;
    return o;
}

with a loop over document.getElementsByTagName('a') (or some other list of nodes you want to check)

and check window.scrollY <= o.top && o.top <= window.scrollY + window.innerHeight to find if the <a> is in the window.

score 0 · Answer 2 · edited May 23 '17 at 11:56

0

I would test all anchor links for being visible in the viewport. You'll need to decide which one to pick if more than one is visible.

How to tell if a DOM element is visible in the current viewport?

edited May 23 '17 at 11:56

Community

1
1

answered Nov 28 '12 at 03:53

goat

31,486
7
73
96

Thank you for your help! That link actually cleared up a lot of things for me. – user1858395 Nov 30 '12 at 00:08

Can I retrieve the current anchor position?

2 Answers2