✔ Cara Memasang Scroll Back Top

Cara Memasang Scroll Back Top Cukup Praktis  Tidak Perlu Edit HTML dan Pergerakan nya sangat halus Karena memakai Script jquery lain hal nya Dengan yg mengunakan Script yg pada umum nya. 

Bisa dilihat Hasil nya disini Cara memasang nya Buka Tataletak -Tambah Gadget  klik JavaScript/HTML kemudian Copy Script dibawah ini Save selesai

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<style type='text/css'>
#w2b-StoTop { -moz-border-radius-topleft:5px;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
-goog-ms-border-top-right-radius:5px;background: #336699;
background: -moz-linear-gradient(center top , #336699, #336699) repeat scroll 0% 0%;
background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(ff3d3d)););text-align:center;padding:5px;position:fixed;bottom:0px;left:5px;cursor:pointer;color:#fff;text-decoration:none;border:1px solid #336699;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(window).scrollTop() != "0") {
$(this).fadeIn("slow")
}
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() == "0") {
$(scrollDiv).fadeOut("slow")
} else {
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function() {
$("html, body").animate({
scrollTop: 0
}, "slow")
})
}
});
$(function() {
$("#w2b-StoTop").scrollToTop();
});
</script>
<a href='#' id='w2b-StoTop' style='display:none;'>Scroll Back Top &#8593;</a>

Cukup Sekian Semoga Bermanfaat Untuk Sahabat Semuanya.

Bagikan Artikel ini