Sabtu, 26 Agustus 2017

Membuat Sticky Widget Effect Bounce Di Sidebar

Assalamu'alaikum..
Mungkin sobat blogger sudah tahu apa itu Sticky Widget. Menurut blognya Kang Ismet dalam istilah website, Sticky berarti berada didepan atau selalu mengikuti walaupun mouse terus di scroll. Sedangkan Sticky Widget Sidebar berarti sebuah widget yang selalu melekat atau dapat juga widget yang mengikuti walaupun mouse terus di scroll (sama saja). Disini aku hanya akan memperlihatkan j4vascriptnya saja, untuk pemasangannya dapat diatur sendiri. Ooh iya, Sticky Widget ini berbeda dari sebelumnya, ialah dengan Effect Bounce yang misalnya dapat lihat di sidebar aku ini.

 Mungkin sobat blogger sudah tahu apa itu  Membuat Sticky Widget Effect Bounce di Sidebar

JavaScript Sticky Widget Effect Bounce

Tambahkan isyarat ini sebelum  </body>
<script type='text/j4vascript'> $(function(){var offset=$(&#39;#kanan-box&#39;).offset();var topPadding=100;$(window).scroll(function(){if($(window).scrollTop()&gt;offset.top){$(&#39;#kanan-box&#39;).stop().animate({marginTop:$(window).scrollTop()-offset.top+topPadding})}else{$(&#39;#kanan-box&#39;).stop().animate({marginTop:0})}})}); </script>

Editing Script

Ganti #kanan-box menjadi ID widget anda.

Semoga Bermanfaat.

Sumber http://nandarious.blogspot.com


EmoticonEmoticon