W3C home > Mailing lists > Public > www-style@w3.org > May 2012

Re: [css3-transforms] Effect of CSS transforms on scrollable areas

From: Dirk Schulze <dschulze@adobe.com>
Date: Thu, 31 May 2012 12:03:54 -0700
To: Rik Cabanier <cabanier@gmail.com>
CC: Boris Zbarsky <bzbarsky@mit.edu>, "www-style@w3.org" <www-style@w3.org>
Message-ID: <63112E64-328E-4E30-9DBF-BEE219D3EF8C@adobe.com>

On May 31, 2012, at 11:49 AM, Rik Cabanier wrote:

> With Robert's example (http://people.mozilla.org/~roc/test_transform_scrollable_area.html) on Mac Safari, I only see the scrollbars after the "down" animation ends.  They also disappear after the "up" animation ends.
> I think that's the behavior I would want to see as an animator.
I would suggest overflow:hidden then, but that seems not to work on Firefox. The animation does not perform there. I am not sure if CSS3 Transition supports 'overflow' animations. If so, it would be easy to apply overflow hidden just during the transition.

Greetings,
Dirk

> 
> Rik
> 
> On Thu, May 31, 2012 at 8:33 PM, Boris Zbarsky <bzbarsky@mit.edu> wrote:
> On 5/31/12 2:07 PM, Rik Cabanier wrote:
> What if you want to animate an element in from a side? Wouldn't you
> think it's annoying if you get scroll bars while it's not completely on
> the screen?
> 
> The current WebKit behavior I see on MAc is to show the scrollbars during the entire animation, including after the element is completely on the screen, as if the element were at its original off-screen position.
> 
> So what you actually want here is not for the scrollable area to not be affected by the animation; you want it to not be affected by the object in question, period.
> 
> -Boris
> 
> 
Received on Thursday, 31 May 2012 19:05:08 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:54 GMT