W3C home > Mailing lists > Public > www-style@w3.org > April 2013

Re: Sticky Positioning with tall elements

From: Simon Fraser <smfr@me.com>
Date: Thu, 04 Apr 2013 11:12:45 -0700
Cc: www-style@w3.org
Message-id: <97B6F7A5-2E9B-42A4-A9F2-056C1AB2AA0D@me.com>
To: Joshua Peek <jp@github.com>
On Mar 8, 2013, at 2:11 AM, Joshua Peek <jp@github.com> wrote:

> One of the use cases for position:sticky is implementing sidebar
> elements that follow along as the user scrolls. You might show a TOC
> listing along side a long document like the HTML5 spec.
> 
> Using the -webkit-sticky implementation, it initially works pretty
> well to achieve this without any javascript. However, the behavior
> when the sidebar content extends passed the viewport seems undefined.
> As you scroll, the sidebar content remains fixed until it reaches a
> point where the bottom of the element would exceed the dimensions of
> its positioned container. This creates a strange user experience that
> requires the user to scroll to the bottom of the document see the
> sidebar's full contents.
> 
> Demo html - https://gist.github.com/josh/5102287
> Demo video - http://f.cl.ly/items/162D2G0P310U1j1b2t2Z/video.mov
> 
> I'm wondering if this behavior is mostly undefined and just not spec'd
> yet. Or if this is something we can make configurable so the bottom of
> the container will stick until its scrolled passed or hits another
> sticky container. This is a little different than just specifying
> bottom:0.

Was this a mistaken re-send? You asked this same question a month ago:
<http://lists.w3.org/Archives/Public/www-style/2013Mar/0176.html>

Simon
Received on Thursday, 4 April 2013 18:13:32 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 4 April 2013 18:13:33 UTC