MY FOLDER

Simple jQuery Scroll To Top Plugin



Letakkan di atas </b:skin>

#toTop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 64px;
    height: 64px;
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOlgR5cRT9fZ-tqSmywULxiYICDbJCV8lNUADCijDWJOXSrJ_6TGYhUHqQyapzXUb2FgtvKbLgHd8xEBVM4bpeMvbcT66QFxMEQVgFUrSPeOxSEBXRj5dh150WbNTJL-0R5qF080yjxoE/s1600/up.png');
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#toTop:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

Letakkan di atas </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
(function(a){a.fn.scrollToTop=function(c){var d={speed:800};c&&a.extend(d,{speed:c});return this.each(function(){var b=a(this);a(window).scroll(function(){100<a(this).scrollTop()?b.fadeIn():b.fadeOut()});b.click(function(b){b.preventDefault();a("body, html").animate({scrollTop:0},d.speed)})})}})(jQuery);
</script>
<script type="text/javascript">
            $(function() {
                $("#toTop").scrollToTop(1000);
            });
        </script>

Letakkan di bawah <body>

<a href="#top" id="toTop"></a>

Save

0 komentar:

Posting Komentar

Follow & Tweet

BLOG ANAK DEMAK

Like

Blog Anak Demak