I had a unique requirement the other day: to build a layout with full-bleed elements while one element stays stuck to the top. This ended up being rather tricky to pull off so I’m documenting it here in case anyone needs to re-create this same effect. Part of the trickiness was dealing with logical positioning on small screens as well. It’s tough to describe the effect, so I recorded my screen to show what I mean. Pay special attention to … Read article “How to Get Sticky and Full-Bleed Elements to Play Well Together”
The post How to Get Sticky and Full-Bleed Elements to Play Well Together appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/how-to-get-sticky-and-full-bleed-elements-to-play-well-together/
Zaloguj się, aby dodać komentarz
Inne posty w tej grupie


Okay, nobody is an exaggeration, but have you seen the stats for hwb()
? They show a steep decline, and after working a lot on color in the CSS-Tricks almanac, I’ve just been wondering


Using scroll shadows, especially for mobile devices, is a subtle bit of UX that Chris has covered before. Geoff covered a newer approach that uses the animation-timeline
property. Here

The CSS shape()
function recently gained support in both Chromium and WebKit browsers. It's a way of drawing complex shapes when clipping elements with the clip-path
prope


Let’s run through a quick refresher. Image maps date all the way back to HTML 3.2, where, first, server-side maps and then client-side maps defined clickable regions over an image using map and are