Re: [mediaqueries4] Media queries for viewport positions

On Tue, Apr 16, 2013 at 10:12 AM, Chris Wilson <hello@iamchriswilson.com> wrote:
> Is there anything preventing the creation of media queries based on the
> viewport position? More specifically, a media query that would fire x
> distance from the top of the document? To stay brief the rough basic spec
> would be something like this.
>
> @media type="viewport" from(height: 300px) to(height:800px) {
> ...
> }
>
> This will then give specific styles when the viewport is between 300-800px
> from the top of the document. There is a lot of possibility for use and
> growth an media query of this type.

I suspect one of the major uses for this kind of thing will be to do
"sticky" elements, which scroll normally until they would scroll off
the page, at which point they flip to being position:fixed.  This case
is much better solved by using "position: sticky;".

Are there other use-cases you can imagine for this?  Can you describe them?

~TJ

Received on Tuesday, 16 April 2013 23:41:32 UTC