Solution to the problem of invalid anchor links within a tag page

Post author: LuoV
Post link: <a href="https://en.xian6ge.cn/posts/c968f2a1/" title="Solution to the problem of invalid anchor links within a tag page">https://en.xian6ge.cn/posts/c968f2a1/
Copyright Notice: All articles in this blog are licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/en" rel="noopener" target="_blank"> BY-NC-SA unless stating additionally.

Posted on 2019-07-26 Edited on 2021-02-10 In Technology Views:
Symbols count in article: 482 Reading time ≈ 1 mins.

I recently encountered a problem with the anchor links in the a tab not jumping during the course of a project, and I checked the id and stuff and it was fine.
Maybe this shouldn’t have been a problem in the first place. After searching on the Internet for a long time, I finally found a not very complicated alternative in a very complicated article.

Bind the following onclick event to the a tag

1	document.getElementById('divid').scrollIntoView();

In this way, it is possible to achieve an effect similar to an anchor link in a page without affecting the URL address.