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

Re: [css3-ui] Proposal for an "overlay" value for 'overflow'

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Thu, 24 Jan 2013 14:41:09 -0800
Message-ID: <CAAWBYDAZdPdyTLUCKxTGwQXE6WQT8YL9uzO-FOsx=5wOCX4Pkw@mail.gmail.com>
To: Brad Kemper <brad.kemper@gmail.com>
Cc: Simon Fraser <smfr@me.com>, www-style list <www-style@w3.org>
On Thu, Jan 24, 2013 at 2:22 PM, Brad Kemper <brad.kemper@gmail.com> wrote:
> I just tested the jsfiddle in Lion, and the results seem to depend on the "General" System Preference for the "Show scroll bars" setting. If it is set to "When scrolling", there is no difference between the two property values. If it set set to "always", then 'overlay' does indeed overlap and obscure the content. (Reload the page after changing the system pref, or you get other results).

The "When Scrolling" feature makes the scrollbars always be overlays,
right?  If so, then it's unsurprising that "auto" and "overlay" act
the same.

> It doesn't seem to useful in Mac Safari. Maybe it does something nicer looking on Chrome in Android or something, if it perhaps used more transparent scrollbars?

It's obviously not pretty if it's overlapping content.  The point of
it is to address the problems that Markus brings up in the thread
about vw/vh - in a site with similar pages, some of which trigger
scrollbars and some of which don't, the layout of the page "jiggles" a
bit between page loads.  Worse is if a single page, updated via JS,
sometimes is long enough to trigger a scrollbar and sometimes not.
The overlay scrollbar lets you avoid having to show a useless vertical
scrollbar when there's nothing to scroll, but keeps your layout from
jiggling.  You still have to accommodate the possibility of a
scrollbar, by doing something like adding "body { padding-right: 20px;
}" or similar, but that's often very easy to incorporate into a
design.

~TJ
Received on Thursday, 24 January 2013 22:41:57 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:04 GMT