inspector-isScrollable-data.html (1476B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Inspector test of isScrollable</title> 6 <style> 7 /* "e" is our custom tag name for "element" */ 8 e { 9 background: lightgray; 10 display: inline-block; 11 margin: 10px; 12 padding: 0; 13 border: 0; 14 width: 100px; 15 height: 100px; 16 overflow: auto; 17 } 18 19 /* "c" is our custom tag name for "child" */ 20 c { 21 display: block; 22 background: green; 23 } 24 25 .fixedSize { 26 width: 10px; 27 height: 10px; 28 } 29 30 .target { 31 background: red; 32 } 33 </style> 34 </head> 35 <body id="body"> 36 <e id="no_children"></e> 37 38 <e id="one_child_no_overflow"> 39 <c></c> 40 </e> 41 42 <e id="margin_left_overflow"> 43 <c class="target" style="margin-left:100px">abcd</c> 44 </e> 45 46 <e id="transform_overflow"> 47 <c class="target" style="transform: translate(50px)">abcd</c> 48 </e> 49 50 <e id="nested_overflow"> 51 <c> 52 <c class="target" style="margin-left:100px">abcd</c> 53 </c> 54 </e> 55 56 <e id="intermediate_overflow"> 57 <c class="fixedSize target" style="margin-left:100px"> 58 <c></c> 59 </c> 60 </e> 61 62 <e id="multiple_overflow_at_different_depths"> 63 <c class="fixedSize target" style="margin-left:100px"> 64 <c></c> 65 </c> 66 <c style="margin-left:100px"> 67 <c class="target">abcd</c> 68 </c> 69 </e> 70 71 <e id="overflow_hidden" style="overflow:hidden"> 72 <c class="target" style="margin-left:100px">abcd</c> 73 </e> 74 75 <e id="scrollbar_none" style="scrollbar-width:none"> 76 <c class="target" style="margin-left:100px">abcd</c> 77 </e> 78 </body> 79 </html>