31 July 2016

Make any Blogger Widget to Fade In or Fade Out on Scroll

You might have seen this on many blogs, when ever you scroll any content on some blogs, they have a menu that slides and fades away, and when you scroll back on top it pops back up. Yes that’s what the effect I am talking about. Well we have a simple script that will help you to achieve this very effect on any widget or gadget.

You can see the effect live in above example image, how when I scroll down the menu on top fades away and when I scroll back up, it pops back up where it was supposed to be, well actually we are using the Opacity Value using the jQuery, so it pretty basic.

How to Achieve this Fade Out and Fade In Effect on Menu Bar using jQuery Script

The process is pretty basis, you just need the ID of the gadget or Widget. So lets check the detailed step by step tutorial below.