1<!DOCTYPE html> 2 3<html> 4<head> 5 <style> 6 .scroll { 7 width: 200px; 8 height: 200px; 9 border: 1px solid black; 10 margin: 15px; 11 padding: 5px; 12 overflow-y: scroll; 13 -webkit-transform: translateZ(0); 14 box-shadow: 0 0 15px black; 15 } 16 17 .rotated { 18 -webkit-transform: rotate3d(0, 0, 1, 45deg); 19 } 20 .scroll > div { 21 background-color: silver; 22 width: 500px; 23 height: 1000px; 24 } 25 </style> 26</head> 27<body> 28 29 <p>Overlay scrollbars (on Mac) should show in the correct place when scrolling.</p> 30 <div class="scroll"> 31 <div></div> 32 </div> 33 34 <p>Overlay scrollbars (on Mac) should show in the correct place when scrolling, and the resize corner should show in the correct place.</p> 35 <div class="scroll" style="resize: both; overflow:hiddens"> 36 <div></div> 37 </div> 38 39 <p>Overlay scrollbars (on Mac) should show in the correct place when scrolling, and the resize corner should show in the correct place.</p> 40 <div class="rotated scroll" style="resize: both; overflow:hiddens"> 41 <div></div> 42 </div> 43 44</body> 45</html> 46