jQuery点击返回顶部

 <div class="backtop" href="javascript:;">
      <img id="to_top" title="回顶部" style="width: 50px;"
         src="https://cdn.suoluomei.com/public/paparela/static/image/dingbu.png" alt="置顶图标">
 </div>

  $(document).ready(function(){
    //为当前窗口添加滚动条滚动事件
		$(window).scroll(function(){
			//创建一个变量存储当前窗口下移的高度
			var scroTop = $(window).scrollTop();
			//判断当前窗口滚动高度
			//如果大于100，则显示顶部元素，否则隐藏顶部元素
			if(scroTop>100){
				$('.backtop').fadeIn(500);
			}else{
				$('.backtop').fadeOut(500);
			}
		})
	})          
		//为返回顶部元素添加点击事件
		$('.backtop').click(function(){
		//将当前窗口的内容区滚动高度改为0，即顶部
		$("html,body").animate({scrollTop:0},"fast");
		})