Tips membuat Back To Top

Posted By afdo ghifariq »

Sabtu, 04 April 2015

Kirito Kun - hai sob , oke sekarang saya akan memberi Tips membuat Back to Top blog . hehe saya hampir tidak pernah mengasih tutor Tips kepada kalian jadi sekarang saya mengkasih tutor kepada kalian , mungkin kalian ingin memberi back to top kepada blog kalian . widget ini sangat ringan jadi tidak mengurangi fast loading kalian , oke sekarang ikuti tutornya :) .

1. masukkan kode di bawah ke add html/javascript

<style>
.mbw-back-to-top {
    position: fixed;
    bottom: 2em;
    right: 10px;
    text-decoration: none;
    padding: 1em;
    display: none;
    cursor:pointer;
}
</style>
<img class="mbw-back-to-top" src="http://nhathuoconline.vn/image/Back-to-Top.png " />
<script type="text/javascript">
/*****mybloggersworld.com***/
jQuery(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery('.mbw-back-to-top').fadeIn(duration);
        } else { //www.mybloggersworld.com
            jQuery('.mbw-back-to-top').fadeOut(duration);
        }
    });

    jQuery('.mbw-back-to-top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>