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 = $(&#39;#header-wrapper&#39;);
    var lc = $(div).offset().top;$.event.add(window, &quot;scroll&quot;, function() {
        var p = $(window).scrollTop();
        $(div).css(&#39;position&#39;,((p)&gt;lc) ? &#39;fixed&#39; : &#39;&#39;);
        $(div).css(&#39;top&#39;,((p)&gt;lc) ? &#39;0px&#39; : &#39;&#39;);
  $(div).css(&#39;box-shadow&#39;,((p)&gt;lc) ?&#39;0px 0px 3px #222&#39;:&#39;&#39;);});});
</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. amanin petamaaxxx

    BalasHapus
  2. belum berkesempatan nak mencuba BL..

    BalasHapus
  3. wah isinya template membingungkan nih, ada gambar abangnya lagi naik motor juga :D

    mas 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

    BalasHapus
  4. wah,,,
    makin mantap aja tutorial blog nya

    BalasHapus
  5. Tekiyu mas .. :D ngopi yok ... :D

    BalasHapus
  6. Wah ilmu baru nih, makasih mas sudah di share.

    BalasHapus
  7. wah baru tau nih saya sama yang ini sob.. makasih sob, tak simpan dulu dech tutornya..

    oya saya bawa wite kopi nih sob.. sobat jatah masak air nya ya hahahaha

    BalasHapus
  8. Menyimak terus update tutor sobat master blogger. Terima kasih mas tutornya dan kopinya:) salam kopi dan blogger.

    BalasHapus
  9. mampir lagi mas, liat liat adminnya yang ganteng....

    BalasHapus
  10. Tutor nya supper keren mas Genk... :)
    Boleh tuh...numpang ngupi ;)

    BalasHapus
  11. silaturahim mas,,,lama gk kirim kopi
    makin keren aja blognya...good luck aja deh buat mas..

    BalasHapus
  12. silaturahim mas,,,lama gk kirim kopi
    makin keren aja blognya...good luck aja deh buat mas..

    BalasHapus
  13. wah.. ngopi terus mas pembalap... ane jangan lupa di ajak ya..
    ntar ngopi sambil balapan..hehee

    BalasHapus
  14. Pertamax

    Kunjungan pertama Yang sangat Hebat

    Kopi Luwak Sambil Sruputt gan xixixi

    BalasHapus

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 "

- Copyright © TUTORIAL™ - Blogger Templates - Powered by Blogger - Designed by Sella -