| simon.fraser@apple.com | 7c81870 | 2013-08-21 18:04:42 +0000 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | |||||
| 3 | <html> | ||||
| 4 | <head> | ||||
| 5 | <style> | ||||
| 6 | body { | ||||
| 7 | margin: 0; | ||||
| 8 | } | ||||
| 9 | ::-webkit-scrollbar { | ||||
| 10 | width: 60px; | ||||
| 11 | height: 60px; | ||||
| 12 | background-color: green; | ||||
| 13 | opacity: 0.75; | ||||
| 14 | } | ||||
| 15 | |||||
| 16 | ::-webkit-scrollbar-thumb { | ||||
| 17 | background-color: navy; | ||||
| 18 | opacity: 0.5; | ||||
| 19 | } | ||||
| 20 | |||||
| 21 | .overflow { | ||||
| 22 | position: absolute; | ||||
| 23 | height: 400px; | ||||
| 24 | width: 400px; | ||||
| 25 | overflow: scroll; | ||||
| 26 | } | ||||
| 27 | .contents { | ||||
| 28 | height: 800px; | ||||
| 29 | width: 800px; | ||||
| 30 | } | ||||
| 31 | |||||
| 32 | .backdrop { | ||||
| 33 | position: absolute; | ||||
| 34 | top: 100px; | ||||
| 35 | left: 100px; | ||||
| 36 | height: 400px; | ||||
| 37 | width: 400px; | ||||
| 38 | background-color: gray; | ||||
| 39 | } | ||||
| 40 | |||||
| 41 | .vertical { | ||||
| 42 | width: 150px; | ||||
| 43 | } | ||||
| 44 | |||||
| 45 | .horizontal { | ||||
| 46 | height: 150px; | ||||
| 47 | } | ||||
| 48 | </style> | ||||
| 49 | </head> | ||||
| 50 | <body> | ||||
| 51 | |||||
| 52 | <div class="backdrop vertical"></div> | ||||
| 53 | <div class="backdrop horizontal"></div> | ||||
| 54 | <div class="composited overflow"> | ||||
| 55 | <div class="contents"></div> | ||||
| 56 | </div> | ||||
| 57 | </body> | ||||
| 58 | </html> | ||||