Cara Membuat Sticky Widget Dengan Mudah
Thursday, March 6, 2014
Add Comment
Cara Membuat Sticky Widget Dengan Mudah - Kali ini saya mau membagikan tata cara membuat sticky widget yang keren dengan efect bounce. Buat kamu yang kesulitan membuat sticky selama ini silahkan pakai cara ini aja. karna penerapannya lebih mudah dari yang biasanya.
Cara membuat sticky widget.
Silahkan tempatkan kode dibawah ini sebelum kode </body>
Silahkan kamu ganti tulisan warna Merah dengan id widget kamu, lalu simpan.
Semoga bermanfaat :)
.DEMO.
Cara membuat sticky widget.
Silahkan tempatkan kode dibawah ini sebelum kode </body>
<script type='text/javascript'>Keterangan:
$(function(){var offset=$('#HTML5').offset();var topPadding=100;$(window).scroll(function(){if($(window).scrollTop()>offset.top){$('#HTML5').stop().animate({marginTop:$(window).scrollTop()-offset.top+topPadding})}else{$('#HTML5').stop().animate({marginTop:0})}})});
</script>
Silahkan kamu ganti tulisan warna Merah dengan id widget kamu, lalu simpan.
Semoga bermanfaat :)
0 Response to "Cara Membuat Sticky Widget Dengan Mudah"
Post a Comment
Silahkan berkomentar sesuai topik yang dibahas. tidak diperbolehkan menyertakan link hidup, jika melanggar komentar akan dihapus. :)