RE: [mediaqueries4] Media queries for viewport positions

Tab Atkins envisioned Scroll-based timelines for Web Animations which can provide similar results if you use step transitions.

That's probably less intuitive for step transitions but if you want effects like a DIV coming from outside the page at the bottom of the screen when you reach the end of the page (like "You may find this other article useful: ...") then a scroll-based timeline has the advantage you can control the position of the DIV exactly given the scroll state.

The other advantage is that it would work for all scrollable elements, not just the root.

http://lists.w3.org/Archives/Public/www-style/2012Nov/0496.html



________________________________
> Date: Fri, 7 Jun 2013 10:40:58 +0100 
> From: jaffathecake@gmail.com 
> To: www-style@w3.org 
> Subject: Re: [mediaqueries4] Media queries for viewport positions 
> 
> I see this being used in conjunction with position:sticky. 
> 
> It's common for a header to change state once it becomes sticky, or at 
> some other point in the page. Google+ is doing this, for instance. 
> 
> Something like: 
> 
> @media (scroll-top-min: 300px) { 
> /* change stuff, perhaps with transition */ 
> } 
> 
> would reduce the need for a scroll event (which doesn't work well on mobile).

Received on Friday, 7 June 2013 10:05:58 UTC