Tombol Back To Top

dalam template terpasang JQUERY di atas </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>

diatas </head>

<style>
/* Back To Top */
.backtotop{display:none;background:#3c6382;color:#fff;font-size:1.4em;width:40px;height:40px;line-height:40px;outline:0;z-index:999;bottom:20px;right:20px;position:fixed;border-radius:5px;padding:0;text-align:center;cursor:pointer;opacity:1;transition:all .25s}.backtotop svg{width:24px;height:24px;transform:rotate(90deg);vertical-align:middle;transition:all .25s}.backtotop:hover{background:#0a3d62}
</style>


diatas </body>

<div class='backtotop hide'><svg viewBox='0 0 24 24'>
  <path d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z' fill='#fff'/>
</svg></div>


&lt;script&gt;
//&lt;![CDATA[
$(function(){$(window).scroll(function(){$(this).scrollTop()&gt;100?$(&quot;.backtotop&quot;).fadeIn():$(&quot;.backtotop&quot;).fadeOut()}),$(&quot;.backtotop&quot;).click(function(){return $(&quot;html,body&quot;).animate({scrollTop:0},400),!1})});
//]]&gt;
&lt;/script&gt;

sev template

demo

- ALUMNI SMP 30 - SMK LANIANG JURUSAN PERAWAT