How to make an anchor link go some pixels above where it’s linked to with JavaScript?

Spread the love

Sometimes, we want to make an anchor link go some pixels above where it’s linked to with JavaScript.

In this article, we’ll look at how to make an anchor link go some pixels above where it’s linked to with JavaScript.

How to make an anchor link go some pixels above where it’s linked to with JavaScript?

To make an anchor link go some pixels above where it’s linked to with JavaScript, we can use the scrollTo method.

For instance, we write

window.addEventListener("hashchange", () => {
  window.scrollTo(window.scrollX, window.scrollY - 100);
});

to listen to the hashchange event which is triggered when the hash part of the current URL changes.

In it, we call scrollTo to scroll to the current location after the hash changed.

Conclusion

To make an anchor link go some pixels above where it’s linked to with JavaScript, we can use the scrollTo method.

Leave a Reply

Your email address will not be published. Required fields are marked *