blob: 245e0d775e89dde52a51ea66f71f09605ece4914 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<!DOCTYPE html>
<html class="reftest-wait" reftest-resolution="1.5">
<head>
<meta name="viewport" content="width=device-width">
<style>
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);
}
</style>
</head>
<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>
</body>
</html>
|
