Smooth Page Scroll to Top

Demo

Letakkan di atas </b:skin>

        .scrollup{
            width:40px;
            height:40px;           
            text-indent:-9999px;
            opacity:0.3;
            position:fixed;
            bottom:50px;
            right:100px;
            display:none;           
            background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHE9cKXn5Qp2vv-wQsQpBOCBn0robk9wLU-dkRoFnCbRlmMknnhfm1fa701d2W_kWX_oFuZEqJXYybXz37QXIHoUk5PV-MABpL-7PDY25iVWE6crh1uc_4uxO5yb0MnmjWiDxS89k4g4A/s1600/icon_top.png') no-repeat;
        }

Letakkan di atas </head>

<script src="https://sites.google.com/site/jqueryfold/js/jquery.min.js"></script>
<link href="https://sites.google.com/site/jqueryfold/css/css" rel="stylesheet" type="text/css"/>
<link href="https://sites.google.com/site/jqueryfold/css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
            $(document).ready(function(){
           
            $(window).scroll(function(){
                if ($(this).scrollTop() > 100) {
                    $('.scrollup').fadeIn();
                } else {
                    $('.scrollup').fadeOut();
                }
            });
           
            $('.scrollup').click(function(){
                $("html, body").animate({ scrollTop: 0 }, 600);
                return false;
            });

        });
        </script>

Letakkan di bawah </body>

<a class="scrollup" href="#" style="display: none;">Scroll</a>

Save