Breaking News: Grepper is joining You.com. Read the official announcement!

anchor tag jump to id top issue

Farhan Ali answered on May 28, 2022 Popularity 3/10 Helpfulness 1/10

answer anchor tag jump to id top issue

anchor tag jump to id top issue

Comment

// The function actually applying the offset
function offsetAnchor() {
    if(location.hash.length !== 0) {
        window.scrollTo(window.scrollX, window.scrollY - 100);
    }
}

// This will capture hash changes while on the page
window.addEventListener("hashchange", offsetAnchor);

// This is here so that when you enter the page with a hash,
// it can provide the offset in that case too. Having a timeout
// seems necessary to allow the browser to jump to the anchor first.
window.setTimeout(offsetAnchor, 1); // The delay of 1 is arbitrary and may not always work right (although it did in my testing).

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: anchor javascript

Link to this answer
Share Copy Link