[WEB DEVELOPING] Mendeteksi Scroll dan Ngotak2ik DIV pake JQUERY

Beranda
Komunitas
Tech
Website, Webmaster, Webdeveloper
[WEB DEVELOPING] Mendeteksi Scroll dan Ngotak2ik DIV pake JQUERY

acilcrew

13-12-2012 03:45

[WEB DEVELOPING] Mendeteksi Scroll dan Ngotak2ik DIV pake JQUERY

Assalamu'alaikum

Ane newbie nih.. mau nyobain bikin trit.. ini trit pualing pertamaaa ane !!

PART I : Ngitung Jarak Scroll sebuah Dokumen / Objek HTML
simple aja sih, buat ngedapetin jarak scroll dari atas ke posisi sekarang itu hanya pake $(objek).scrollTop();

Jadi klo mau tau jarak scroll Dokumen, objeknya diubah jadi document. berikut penampakannya :

Quote:

$(function(){ //buat ngejalanin fungsi secara otomatis
var jarakScroll = $(document).scrollTop(); //bikin variable baru
$(document).html(jarakScroll); //buat nampilin jaraknya ke dokumen
});

PART II : Ngotak2ik DIV pke jquery

Tau kan "Div" ? div itu objek pengganti table buat ngatur tata letak content.. kurang lebih seperti itu menurut ane...
Ngotak2ik div tersendiri klo pake jquery sebenernya sama kaya CSS, cuma klo di jquery ada efeknya gitu deh pokoknya... kaya tiba2 ngilang, tiba2 besar/kecil dsb...

cekidot :

Quote:

Nah, ada beberapa perintah nih buat ngubah posisi/ ngubah CSS biar DIVnya ganti penampilan :
- $(objek).animate({options},waktu);
- $(objek).css('properti','value');
- $(objek).hide([waktu]); atau .show();
lebih lanjut ada di jquery.com

Kira2 begitu agan. mohon maklum klo post ini kurang informatif dan kurang berguna... tapi emang trit pertama itu nulisnya bikin deg2an sih...

Oke, thanks udh baca trit ini..

Tarif :
Baca : 1 emoticon-Toast

Liat2 :

Seikhlasnya
Comment : 1 emoticon-Toast

Pertamax : 1 emoticon-Kiss

( kalo cewe ), 1 emoticon-Toast

( Kalo Cowok )
Premium : Gratis ( soalnya udah di subsidi )

1.5K

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan