Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(164)

Unified Diff: third_party/WebKit/ManualTests/compositor-worker/sticky/sticky.html

Issue 1547893003: WIP - compositor worker mega patch. Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: . Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/ManualTests/compositor-worker/sticky/sticky.html
diff --git a/third_party/WebKit/ManualTests/compositor-worker/sticky/sticky.html b/third_party/WebKit/ManualTests/compositor-worker/sticky/sticky.html
new file mode 100644
index 0000000000000000000000000000000000000000..0bc719c69a507297a1bae109001e08285dd4b23c
--- /dev/null
+++ b/third_party/WebKit/ManualTests/compositor-worker/sticky/sticky.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <script src="js/dom-util.js"></script>
+ <script src="js/viewport-observer.js"></script>
+ <script src="js/sticky.js"></script>
+ <style>
+ .sticky {
+ display: inline-block;
+ width: 100px;
+ height: 100px;
+ border: 3px solid black;
+ }
+
+ body {
+ background-color: #aaa;
+ width: 3000px;
+ height: 3000px;
+ }
+
+ .sticky-content {
+ background-color: white;
+ width: 2000px;
+ height: 2000px;
+ margin: 500px;
+ }
+
+ .top {
+ top: 20px;
+ }
+
+ #red {
+ background-color: red;
+ }
+ .left {
+ left: 20px;
+ }
+
+ #blue {
+ background-color: blue;
+ }
+
+ .right {
+ right: 20px;
+ }
+
+ #green {
+ background-color: green;
+ }
+
+ .bottom {
+ bottom: 20px;
+ }
+
+ #yellow {
+ background-color: yellow;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="sticky-content">
+ <div id="red" class="sticky left">Left sticky</div>
+ <div id="blue" class="sticky right">Right sticky</div>
+ <div id="green" class="sticky bottom">Bottom sticky</div>
+ <div id="yellow" class="sticky top">Top sticky</div>
+ </div>
+ </body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698