Apa itu Scroll to Anchor Point?? Mungkin jika dijelaskan susah..
Langsung saja lewat DEMO
Scroll blog ini kepaling bawah dan klik "Kembali ke artikel atas" yang ada dibawah kiri
Itulah, mengerti? Tertarik? Langsung saja

Pastikan sobat sudah memasang Jquery

Jika sudah, Letakkan kode dibawah ini diatas </head>

<script type="text/javascript">
$(document).ready(function(){
    $('a[href^="#"]').bind('click.smoothscroll',function (e) {
        e.preventDefault();
      
        var target = this.hash,
        $target = $(target);
      
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top-40
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});
</script>

Hanya dengan kode diatas, artikel ini sudah selesai :)
Cara pemanggilannya yaitu

<a href='#namaselector'>Scroll Ke Selector</a>

Ganti Tulisan Merah dengan selector, jadi jika kita klik Link tersebut kita akan scroll ke Selector tsb
contoh blog saya, saya menggunakan <a href='content-wrapper'>Kembali ke artikel atas</a>
Jika diklik blog ini akan scroll ke Content Wrapper
Mudah Bukan?

0 komentar:

Post a Comment

- Komentar yang Relevan
- Dilarang ada Link Aktif
- No Sara, Pornografi
- No OOT

 
Top