Go top

Developer
EOS
Size
2,667 Kb
Views
8,096
  1. Go top Previews
  2. Go top HTML Codes
  3. Go top CSS Codes
  4. Go top JS Codes

How do I make an go top?

What is a go top? How do you make a go top? This script and codes were developed by EOS on 10 January 2023, Tuesday.

Go top Previews
IQ Test

Go top - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>go top</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <head> <link href='https://fonts.googleapis.com/css?family=Meddon' rel='stylesheet' type='text/css'> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<div class="container">	<h1>Lets learn to make a go to top button!</h1>	<div class="mainwrapper"> <h2>Lenny Kravitz</h2> <h3> Does anybody out there even care</h3> <hr/> <section><p> The dream is lost <br />
Don't let it slip away <br />
Or bloody days won't be far away <br />
'Cause when there's no more sun <br />
There's no where you can run <br />
<br />
Does anybody know how many lives we've lost <br />
Can anybody ever pay the cost <br />
What will it take for us to join in peace my friends <br />
Does anybody out there even care <br />
<br />
Wake up world before it's too late <br />
It's time for love to conquer hate <br />
And when the battle's won <br />
We all can live as one <br />
<br />
Does anybody know how many lives we've lost <br />
Can anybody ever pay the cost <br />
What will it take for us to join in peace my friends <br />
Does anybody out there even care <br />
<br />
Hey <br />
Riots in the streets, <br />
Men dressed in white sheets <br />
Is that what we want <br />
Oh a little boy hanging from a tree <br />
And a burning cross <br />
If we can learn that we're one we can overcome <br />
Before this takes us all <br />
We'd better catch ourselves before we fall <br />
<br />
Does anybody know how many lives we've lost <br />
Yeah hey hey hey <br />
Can anybody ever pay the cost <br />
What will it take for us to join in peace my friends <br />
Does anybody out there even care <br /> Does anybody out there even care<br/> <br/> <br/> The dream is lost <br />
Don't let it slip away <br />
Or bloody days won't be far away <br />
'Cause when there's no more sun <br />
There's no where you can run <br />
<br />
Does anybody know how many lives we've lost <br />
Can anybody ever pay the cost <br />
What will it take for us to join in peace my friends <br />
Does anybody out there even care <br />
<br />
Wake up world before it's too late <br />
It's time for love to conquer hate <br />
And when the battle's won <br />
We all can live as one <br />
<br />
Does anybody know how many lives we've lost <br />
Can anybody ever pay the cost <br />
What will it take for us to join in peace my friends <br />
Does anybody out there even care <br />
<br />
Hey <br />
Riots in the streets, <br />
Men dressed in white sheets <br />
Is that what we want <br />
Oh a little boy hanging from a tree <br />
And a burning cross <br />
If we can learn that we're one we can overcome <br />
Before this takes us all <br />
We'd better catch ourselves before we fall <br />
<br />
Does anybody know how many lives we've lost <br />
Yeah hey hey hey <br />
Can anybody ever pay the cost <br />
What will it take for us to join in peace my friends <br />
Does anybody out there even care <br />
Does anybody out there even care <br/><br/> </p> </section> <hr/> </div>	<a href="#" class="go-top">Go to Top</a>	</div> <script src="js/index.js"></script>
</body>
</html>

Go top - Script Codes CSS Codes

body { background:lavender;
}
h1 { font-family:Meddon;
color:cadetblue;
padding:20px;
text-align:center;}
h2 { font-family:Arial; font-size: 30px;
}
hr { color:cadetblue; height:10px; background-color:cadetblue; border:0;
}
.mainwrapper { width:400px; padding:50px; background: thistle; color:cadetblue; margin-left:auto; margin-right:auto;
}
.go-top { font-family:Arial; position:fixed; bottom: 1em; right: 1em; text-decoration:none; color:white; background-color: rgba(95,158,160,0.4); padding: 0.5em; border-radius:40px; display:none;
}
.go-top:hover { background-color:plum; color: lavender;
}

Go top - Script Codes JS Codes

$(document).ready(function() {	// Show or hide the sticky footer button	$(window).scroll(function() {	if ($(this).scrollTop() > 200) {	$('.go-top').fadeIn(200);	} else {	$('.go-top').fadeOut(200);	}	});	// Animate the scroll to top	$('.go-top').click(function(event) {	event.preventDefault();	$('html, body').animate({scrollTop: 0}, 300);	})	});
Go top - Script Codes
Go top - Script Codes
Home Page Home
Developer EOS
Username aurumlux
Uploaded January 10, 2023
Rating 3
Size 2,667 Kb
Views 8,096
Do you need developer help for Go top?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

EOS (aurumlux) Script Codes
Name
Css Triangles
FLOWER HOVER
Hover effect
Banner navigation
A Pen by EOS
STERN
HEXAGON
CROSS HOVER
Tooltip
STELLA
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!