summaryrefslogtreecommitdiffstats
path: root/gfx/layers/apz/test/reftest/pinch-zoom-position-sticky.html
diff options
context:
space:
mode:
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.html30
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>