diff options
Diffstat (limited to 'gfx/layers/apz/test/reftest/pinch-zoom-position-sticky.html')
-rw-r--r-- | gfx/layers/apz/test/reftest/pinch-zoom-position-sticky.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/gfx/layers/apz/test/reftest/pinch-zoom-position-sticky.html b/gfx/layers/apz/test/reftest/pinch-zoom-position-sticky.html new file mode 100644 index 0000000000..245e0d775e --- /dev/null +++ b/gfx/layers/apz/test/reftest/pinch-zoom-position-sticky.html @@ -0,0 +1,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> |