Header Scrolling Effect

[therockstar]

G’day everyone,

How to achieve this scrolling effect https://twitter.com/MinuStudio.

When you scroll down display picture Fade up and shrink display picture Fade in from bottom.

Appreciated if someone help me find plugin or tutorial link.

Thanks

[Shikkediel]

Because it’s responding to scroll position, there must be some JavaScript at work. Then the basic idea would be similar to this :

Sticky nav recent topic

In this case it would involve a slideUp() of the logo and switching the main menu from absolute to fixed position (for example).

Edit – Senff made a plugin for the stickiness (cloning existing menu) :

http://codepen.io/senff/pen/ayGvD

[Author]

Posts