Animated Resizing Header On Scroll

• 

  sqlhiker · Member · Jun 12, 2014 at 4:53 pm

  • Copy link
  • Add topic to favorites

  Can one create an animated fixed header that will resize on scroll?
  Like this example? http://www.callmenick.com/2014/02/18/create-an-animated-resizing-header-on-scroll/

  The problem is I would like for my logo to shrink or disappear when user scrolls.

  The blog I need help with is: (visible only to logged in users)

• 

  thatrobyn · Member · Jun 12, 2014 at 8:23 pm

  • Copy link

  Hi there. The animated/fixed header is just not possible with WordPress.com themes. While you can revise the CSS on WordPress.com themes with the Custom Design upgrade, you cannot add the necessary javascript that would allow the animation to work across all browsers.

  We have certain themes where the scroll will make the header/logo disappear, but not in an animated manner. For instance:
  http://kioremoanademo.wordpress.com/
  http://wiredemo.wordpress.com/

  Sorry I can’t help further with this. If that feature is very important to you, you may need to switch to a self-hosted site where you’re able to include all the code you like. If you want to look further into the differences between WordPress.com-hosting and self-hosting, please do:
  http://en.support.wordpress.com/com-vs-org/

  Let me know if you have any other questions at all. Thanks much.

• 

  thatrobyn · Member · Jun 13, 2014 at 10:55 pm

  • Copy link

  I wanted to follow up with you as I recently came upon this theme:
  http://axondemo.wordpress.com/

  I thought you might be interested in it, given the behavior of the header. Hope this helps!