How to fix anchor jumping by using JavaScript?

Spread the love

Sometimes, we want to fix anchor jumping by using JavaScript.

In this article, we’ll look at how to fix anchor jumping by using JavaScript.

How to fix anchor jumping by using JavaScript?

To fix anchor jumping by using JavaScript, we call the history.replaceState method.

For instance, we write

const url = location.href;
location.href = "#" + hash;
history.replaceState(null, null, url);

to set the location.href property to the url.

Then we set it to a hash.

Next, we call history.replaceState to replacer the state with the url to navigate to the URL with the hash without jumping.

Conclusion

To fix anchor jumping by using JavaScript, we call the history.replaceState method.

Leave a Reply

Your email address will not be published.