dengan membuat sticky menu, tentunya akan memudahkan pengunjung mengeksplor blog sobat tanpa harus naik turun scroll. sticky menu ini awalnya akan terlihat normal, tetapi akan melayang (fixed) ketika mouse discroll ke bawah
Menubar Atau Widget Sidebar yang dipilih akan melayang dan berhenti di atas browser saat di scroll
Apabila ingin memunculkan menu hanya setelah discroll, gunakan kode ini :
Tambahkan kode CSS di bawah ini di atas ]]></b:skin>
.sticky { position:fixed; top:10px;/* jarak dari atas*/ z-index: 100; }
TAMBAHKAN JAVASCRIPT
Simpan kode ini di atas </body>
<script type='text/javascript'> $(document).ready(function() { var stickyWidgetTop = $('#HTML7').offset().top; var stickyWidget = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyWidgetTop) { $('#HTML7').addClass('sticky'); } else { $('#HTML7').removeClass('sticky'); } }; stickyWidget(); $(window).scroll(function() { stickyWidget(); }); }); </script>
3 Komentar
Terimakasih BRO !
salam dari www.inspirasimuda.tk
saling berkunjung#
Oke siap...
sama-sama gan
Silahkan berkomentar dan Terima kasih
*Untuk menyisipkan Emoticon, pilih Emoticonnya
*Untuk menyisipkan Kode, gunakan konversi kode
Konversi KodeEmoticon