OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 #container { | 3 #container { |
4 width: 300px; | 4 width: 300px; |
5 height: 300px; | 5 height: 300px; |
6 border: 1px solid black; | 6 border: 1px solid black; |
7 overflow: scroll; | 7 overflow: scroll; |
8 } | 8 } |
9 | 9 |
10 #overlapper { | 10 #overlapper { |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
46 <div id="subcontainer"> | 46 <div id="subcontainer"> |
47 <div class="child"> | 47 <div class="child"> |
48 <div class="grandchild"></div> | 48 <div class="grandchild"></div> |
49 </div> | 49 </div> |
50 <div class="child"> | 50 <div class="child"> |
51 <div class="grandchild"></div> | 51 <div class="grandchild"></div> |
52 </div> | 52 </div> |
53 </div> | 53 </div> |
54 </div> | 54 </div> |
55 <script> | 55 <script> |
56 if (window.internals) | |
57 window.internals.settings.setLayerSquashingEnabled(true); | |
58 | |
59 // Scroll so that one of the grandchildren boxes is half clipped by the overflow
:scroll div. | 56 // Scroll so that one of the grandchildren boxes is half clipped by the overflow
:scroll div. |
60 var container = document.getElementById("container"); | 57 var container = document.getElementById("container"); |
61 container.scrollTop = 65; | 58 container.scrollTop = 65; |
62 </script> | 59 </script> |
OLD | NEW |