<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<style>
.gotop{
width:50px;
height:50px;
background: darkred;
color: #fff;
font-size: 16px;
position: fixed;
right:20px;
bottom: 200px;
cursor: pointer;
display: none;
}
.gobottom{
width:50px;
height:50px;
background: darkred;
color: #fff;
font-size: 16px;
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<style>
.gotop{
width:50px;
height:50px;
background: darkred;
color: #fff;
font-size: 16px;
position: fixed;
right:20px;
bottom: 200px;
cursor: pointer;
display: none;
}
.gobottom{
width:50px;
height:50px;
background: darkred;
color: #fff;
font-size: 16px;