body scroll top jQuery

Something Like that:
body scroll top jQuery

For that you need to create first html code.

HTML

<span class="scroll_top">Go to Top</span>

After that add this CSS code.

CSS

body {
  height: 900px;
}

.scroll_top {
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: #000;
  display: inline-block;
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
}

Use jQuery Library.

After that add this JQuery code.

JS

$('.scroll_top').click(function(){ 	$('html, body').animate({ scrollTop:0 },900); });

[codepen_embed height=”265″ theme_id=”0″ slug_hash=”RZYgqY” default_tab=”css,result” user=”pradeepanvi”]See the Pen body scroll top jQuery by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

Now you can see