Jump to head botton in HTML | Sololearn: Learn to code for FREE!

0

Jump to head botton in HTML

How can I customize the up mark or word in the jump botton? For example I have a bottom in the Lower part of page that says "UP" and when the user clicks on it it jumps to the head. How can I customize it? Like resizing the "UP" word or the botton itself?

1/4/2020 9:41:14 AM

Navid Shahbazi

7 Answers

New Answer

+3

Like this. when user click on Go Up button user go to top on the page. https://code.sololearn.com/WV7exscap954/?ref=app

+3

Also using the html id attrib with the first heading/paragraph or whatever loads up first in your page having something like id="id_name_you_want" Then at the bottom of the page in your footer or wherever you want your button/some text to be, use the inline tag <a> with a href attrib refferenced to the id of the first element you gave the id="id_name_you_want" eg <a href="#id_name_you_want">

+2

Navid Shahbazi do you want to customize Go Up button like shows in today's modern website.this is very easy just make a SVG image in inkscape like software and customize SVG image according to your need you can also use png image if you want.Make image in small resolution width×height according to your need then use this image inside image tag and set the link inside the image tag from bottom to up.

+2

Navid Shahbazi check this code i think you want this.now i customize the up button https://code.sololearn.com/WV7exscap954/?ref=app

+2

Navid Shahbazi i use here png image in code for button up.which has some width and height look at code properly.

+1

Yes kinda like that. Thanks. But actually I mean something like the thing there is in websites

+1

Yes This one is way closer. I also have another question. How do you make Go Up written on the botton bigger. Thanks a lot.