Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

<!DOCTYPE html>
<html class="reftest-wait" reftest-resolution="1.5">
<meta name="viewport" content="width=device-width">
body {
margin: 0;
height: 2000px;
overflow: hidden;
#tall {
height: 100vh;
#sticky {
position: sticky;
bottom: 0;
width: 100%;
height: 500px;
background: repeating-linear-gradient(90deg, transparent, transparent 20px, black 20px, black 40px);
<body onload="scrollTo(0, 500); document.documentElement.classList.remove('reftest-wait');">
<!-- This is similar to the pinch-zoom-position-fixed test, but we add a tall
element before the sticky element to ensure that the sticky element is
in its "fixed" configuration on page load. -->
<div id="tall"></div>
<div id="sticky"></div>