Hello list,
Given:
.element{
position: sticky;
top: 50px;
bottom: 50px';
}
<header>Nav and h1</header>
<div class="main">
<div class="element">I'm sticky!</div>
<div class="content">Lots and lots of other stuff</div>
</div>
I am intending to use position:sticky and am wondering what the best
way to position this element BEFORE it 'goes stuck' is. As I
understand it, the element is position:relative before it sticks and
therefore takes up space in the flow of the document. How do I
position it to, for example, be stacked above another element before
it then becomes stuck and not jump around? The design I have shows
".element" on the right side of the webpage, stacked on top of the
header.
Thoughts?
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
