[ 2 posts ]

Jack Pien

  • Username: jackp
  • Joined: Mon Sep 26, 2011 9:35 pm
  • Posts: 2
  • Offline
  • Profile

Vertical Sliding effect like on Tumblr's Front Page

Post Posted: Mon Sep 26, 2011 9:42 pm
+0-
Hi,

I am somewhat new to HTML, AJAX, and CSS.

I'm wish to implement something similar to what Tumblr does on their front page where you click on the bottom footer bar, and the page horizontally shifts up keeping part of the original page (specifically, the email sign up) visible while exposing more content.

I know the simplest is to have the entire content on the page and just "hide" and "show" the interested components "on click" of the bottom footer bar <div>.

But I like the sliding animation.

Does YUI provide the ability to do the animation or should I look elsewhere with another Javascript Framework such as JQuery, etc? Or is this even a Javascript related functionality - ie should I look at HTML5 or CSS?

Thanks
Jack

Nick Husher

YUI Contributor

  • Offline
  • Profile

Re: Vertical Sliding effect like on Tumblr's Front Page

Post Posted: Wed Sep 28, 2011 10:32 am
+0-
YUI has both a standard animation module, called Anim, that will offer you the same features of other javascript libraries. It also has a second module, called Transition, that has subset of the Anim functionality, but will delegate to CSS3 if the browser supports it.

I recommend looking at the user guides and examples to get a sense of how to accomplish the slide effect.
  [ 2 posts ]
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum