WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Responsive web design and it's accessibility

for

From: Patrick H. Lauke
Date: May 23, 2018 2:28AM


On 23/05/2018 02:36, John Foliot wrote:
>> I wish a height media query did a quick check on whether my viewport
> *height* (in em) is tall enough. When it isn't, un-stick the stickies.
>
> Do you happen to have an example of "good" code Mallory? ;-) A rough
> frame would be enough.

Something like this? https://codepen.io/patrickhlauke/pen/RyOQZE

tl;dr: style as usual, and then if min-height above a certain threshold,
make the header sticky.

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke