Кнопка «Наверх»: как создать с CSS и jQuery - Модули и плагины

<a href="#top" id="back-top">
					Наверх				</a>

<link  href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

 $("#back-top").text('')

#back-top:hover, #back-top:focus {
  cursor: pointer;
  background: #333;
  text-decoration: none;
}
#back-top:active {
  background: #555;
}

#back-top::after {
  content: "\e005";
  font-family: IcoMoon;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}

#back-top {
display:inline-block;
background:#08c;
width:50px;
height:50px;
text-align:center;
border-radius:4px;
position:fixed;
bottom:30px;
right:30px;
transition:background-color .3s, opacity .5s, visibility .5s;
opacity:0;
visibility:hidden;
z-index:1000;
}

#back-top::after {
content:"\e005";
font-family:IcoMoon;
font-weight:400;
font-style:normal;
font-size:2em;
line-height:50px;
color:#fff;
}

#back-top:hover,#back-top:focus {
text-decoration:none;
}

#back-top:active {
background:#333;
}

#back-top.show {
opacity:1;
visibility:visible;
}