Three implementations of returning the page to the top (anchor tag, js)_javascript skills

This article introduces three simple codes to return to the top of the page. You can use simple HTML (http://www.jb51.net/web/62651.html) anchor tag, or you can use Javascript Scroll (http://www.jb51.net/article/31422.htm) The function returns dynamically. Others include floating scripts, which are a bit complicated. This article will not introduce them again. You can choose one of them according to your needs. But, in short, simplicity is the most beautiful. If you can reduce the code, reduce the code. If you can't call it, don't call it. If the articles on Tianyuan Blog were not good, this function would not be added.

1. Use anchor tags to return to the top of the page

Using HTML anchor tags is the easiest, but it looks a bit ugly. After clicking, this anchor tag will be displayed in the address bar , nothing else.
Place it at the top of the page:

Place it anywhere after the tag. Just stay close to the top.
Place at the bottom of the page:
Return to the top

2. Use the Javascript Scroll function to return to the top

The scroll function is used to control the position of the scroll bar. There are two very simple implementation methods:
Method 1:
Return to top
The first parameter of scroll is the horizontal position, and the second parameter is the vertical position. For example, if you want to position it at 50 pixels vertically, change it to scroll(0,50) That's it.
Method 2:
This method is a progressive return to the top, which looks better. The code is as follows:

Copy code The code is as follows:

function pageScroll() {
window.scrollBy(0,-10);
scrolldelay = setTimeout('pageScroll()',100);
}
Return to top

This will dynamically return to the top, but although it returns to the top, the code is still running. You also need to add a sentence to the pageScroll function to stop it.

Copy code The code is as follows:

if(document.documentElement.scrollTop==0) clearTimeout(scrolldelay) ;

3. Use Onload plus the scroll function to dynamically return to the top

1. First, add:
< before the end of the BODY tag on the web page ;div id="gotop">Return to top