search

anthonyshort / stitch-css

CSS patterns for Compass
http://anthonyshort.github.com/stitch-css/
260 stars 19 forks source link

Move off-screen #3

Open anthonyshort opened 13 years ago

anthonyshort commented 13 years ago

A mixin to move an object off-screen but keep it's display intact.

@mixin off-screen {
    position: absolute;
    overflow: hidden;
    left: -9999px; 
    top: -9999px;
}
jannisg commented 13 years ago

Good mixin, in my work I usually use em to really kick it far far away and also give it visibility:hidden which keeps the layout but no matter what it's not visible visually…

Having said that my use cases are relatively specific, usually i just need something invisible with layout to ajax load content into then read the content height and animate some container to the correct height before inserting the ajax content and then removing or clearing the off-screen loading stage.