Large front end-in-page positioning effect implementation

Goal: achieve Web page Click to jump to the specified label

implementation principle: in the Web page a tag of the href is written on the #a, and then in the following to locate the element that add a name, so that the two have established a corresponding relationship.

Here's a simple demo,

The code is as follows:

"color: #ff6600;"><a href="#sjkx"><span style="color: #ff6600;">1. Process-oriented </span></a></span></strong></p><!--part end--><p><strong> <span style="color: #ff6600;"><a href="#sjka"><span style="color: #ff6600;">2. Object-oriented </span></a></span></strong></p><!--part start--><p><a name="SJKX"></a></p><P>Hello World<br/>Hello World<br/>Hello World<br/>hello world<br/>Hello World<br/>Hello World<br/></P><!--part over--><p><a name="Sjka"></a></p><P>Hello World<br/>Hello World<br/>Hello World<br/>hello world<br/>Hello World<br/>Hello World<br/></P><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/></body>View Code
Large front end-in-page positioning effect implementation