<!
DOCTYPE html >
<!-- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/ -->
<
html >
<
head >
<
title >CSS Test: Sticky Positioning - top, stuck</
title >
<
link rel=
"author" title =
"Corey Ford" href=
"mailto:cford@mozilla.com" >
<
link rel=
"match" href=
"top-3-ref.html" >
<
meta name=
"flags" content=
"dom" >
<
meta name=
"assert" content=
"Sticky-top with scrolling: should move to partially cover static positioned sibling" >
<
style >
#scroll {
height: 100px;
overflow: hidden;
}
#contain {
height: 300px;
background-color: gray;
}
#sticky {
position: sticky;
top: 10px;
height: 10px;
background-color: black;
}
#static {
height: 10px;
background-color: blue;
}
</
style >
</
head >
<
body >
<
div id=
"scroll" >
<
div style =
"height: 20px" ></
div >
<
div id=
"contain" >
<
div id=
"sticky" ></
div >
<
div id=
"static" ></
div >
</
div >
<
div style =
"height: 100px" ></
div >
</
div >
<
script type=
"application/javascript" >
document.getElementById(
"scroll" ).scrollTop = 21;
</
script >
</
body >
</
html >
Messung V0.5 C=95 H=95 G=94
¤ Diese beiden folgenden Angebotsgruppen bietet das Unternehmen0.17Angebot
Wie Sie bei der Firma Beratungs- und Dienstleistungen beauftragen können
¤
*Eine klare Vorstellung vom Zielzustand