Animated Scroll with jQuery Scroll

jQuery emang top banget. Hampir semua masalah bisa diselesaikan kalo make yang satu ini. Ini salah satu contohnya. Kemaren waktu ada tugas web, javascript scrollnya kagak jalan (Oh My Shit!). Baris demi baris saya periksa (cuma dibolak balik :D) tapi hasilnya nol. Nah kebetulan dapet bisikan dari temen (si NetSurfer) buat make jQuery API, scroll. Langsung aja searching di google. Hasilnya? Ketemu!

Scroll in jQuery. Ga cuma scroll biasa, tapi ada animasinya juga. Mantab pokoknya. Nah, berikut script yang saya peroleh dari google.

function scrollWin(){
$('html, body').animate({
scrollTop: $("#scrollToHere").offset().top
}, 2000);
}

Sedikit penjelasan,
$("#scrollToHere") itu merupakan id dari sebuah objek, anggap saja id dari sebuah <div>. Saat fungsi ini dipanggil maka secara otomatis scroll akan langsung tertuju pada posisi <div> tersebut. Jika anda tidak menggunakan <div> sebagai target. Cukup ganti

scrollTop: $("#scrollToHere").offset().top

menjadi

scrollTop: 100

Maka windows akan menuju pada posisi y=100.

Script aslinya bisa dilihat di
http://blog.freelancer-id.com/index.php/2009/03/26/scroll-window-smoothly-in-jquery
Semoga membantu.
Trims buat NetSurfer. :D