Posted by : Stiker Jalingkut
Apa kabar bos di tempat aq lagi hujan bos jadi biar gak susah-susah
kalu mau cari-cari artikel biar tetap di tempat duduk manis
sambil ngopi kami mau sedikit berbagi Tutorial
Cara Membuat Dcrolling Di Bagian Header Wrapper
Nah apabila mous kita di seret kebawah maka Menu yang di ataspun juga ikut kebawah
seperti yang sobat nanti lihat di demonya ok sob kita langsung menuju
Demonya Disini
Buat sobat yang mau pasang silakan Copy Code di bawah dan pastekan
pas di Atas Code </head>
<script>
$(document).ready(function(){
/* www.bloggertutoria.com/ scrolling fixed div start */
var div = $('#header-wrapper');
var lc = $(div).offset().top;$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
$(div).css('position',((p)>lc) ? 'fixed' : '');
$(div).css('top',((p)>lc) ? '0px' : '');
$(div).css('box-shadow',((p)>lc) ?'0px 0px 3px #222':'');});});
</script>
Nah code di atas bisa sobat Modiv dan di buat sesuka sobat semuah
intinya yang kami pake di bagian #header-wrapper
jadi yang mengikuti hanya bagian #header-wrapper tersebut
jadi sobat bisa pasang di manah sajah yang sobat mau di pasang Crolling tersebuat
Satu contoh #outer-wrapper atau #sidebar-wrapper DLL
nah yang perlu di ganti dari Code di atas sobat hanya menganti
Code yang berwarna kuning sajah mudahkan
pokonya sesuka sobat mau dimanah yang mau di kasih Crolling Ok
Maka akan terlihat seperti gambar di bawah
Semoga berhasil sobat dengan Trik ini
Cara Membuat Dcrolling Di Bagian Header Wrapper
sekian dulu bos kami mau ngopi dulu'y mau ikut heheheeh.........?
{ 28 comentários... read them below or Comment }
1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
amanin petamaaxxx
BalasHapuskereeenn mas , lumyan buat koleksi css nyaa
Hapuspetamaaxxx aq kasih kopi satu drum heheh
Hapusikut ikut pertamax deh .... horee
Hapusiya ntar aq kasih kopi yang banyak mas
HapusSy segalon aja :)
Hapusbelum berkesempatan nak mencuba BL..
BalasHapusklu belum ya di sempat2 mbk ky heheh
Hapuswah isinya template membingungkan nih, ada gambar abangnya lagi naik motor juga :D
BalasHapusmas bro, minta tolong komen di blog saya donk dan ada 1 kacamata gratis nih, tinggal pilih n pasang di kolom komentar, sapa tau beruntung :D
heheheh trmksih mas knjungannya
Hapuswah,,,
BalasHapusmakin mantap aja tutorial blog nya
trmksih mas
HapusTekiyu mas .. :D ngopi yok ... :D
BalasHapusayo sapa takut hehhehe
HapusWah ilmu baru nih, makasih mas sudah di share.
BalasHapussama2 mas terimaksih balik heheh
Hapuswah baru tau nih saya sama yang ini sob.. makasih sob, tak simpan dulu dech tutornya..
BalasHapusoya saya bawa wite kopi nih sob.. sobat jatah masak air nya ya hahahaha
wah enak banget sob kopinya hehehe
HapusMenyimak terus update tutor sobat master blogger. Terima kasih mas tutornya dan kopinya:) salam kopi dan blogger.
BalasHapushahahah bisa aja ni si bos trimaksih mas
Hapusmampir lagi mas, liat liat adminnya yang ganteng....
BalasHapusikut nyimak ya mas :)
BalasHapusnyimak aja ni sob.. *smile
BalasHapusTutor nya supper keren mas Genk... :)
BalasHapusBoleh tuh...numpang ngupi ;)
silaturahim mas,,,lama gk kirim kopi
BalasHapusmakin keren aja blognya...good luck aja deh buat mas..
silaturahim mas,,,lama gk kirim kopi
BalasHapusmakin keren aja blognya...good luck aja deh buat mas..
wah.. ngopi terus mas pembalap... ane jangan lupa di ajak ya..
BalasHapusntar ngopi sambil balapan..hehee
Pertamax
BalasHapusKunjungan pertama Yang sangat Hebat
Kopi Luwak Sambil Sruputt gan xixixi