1<!doctype html> 2<html> 3 <head> 4 <style type="text/css"> 5 body { height: 200vh; } 6 </style> 7 </head> 8 <body> 9 <!-- 10 Below info are used in smoothness unittest only. use URL below to get the 11 diagnostic info which is used when this page failed in test due to the 12 scroll bar didn't show up. 13 scrollable_page.html?show_scroll_diagnosis_info 14 --> 15 <div id="info"></div> 16 <script> 17 var txt = "<h3>Screen info (Used for diagnosis):</h3>" 18 + "<p>Total width/height: " + screen.width + "*" + screen.height 19 + "</p><p>Available width/height: " + screen.availWidth + "*" 20 + screen.availHeight + "</p><p>Color depth: " 21 + screen.colorDepth + "</p><p>Color resolution: " 22 + screen.pixelDepth + "</p><p>Body scrollable height: " 23 + document.body.scrollHeight + "</p><p>Body offset height: " 24 + document.body.offsetHeight + "</p><p>Body client height: " 25 + document.body.clientHeight + "</p><p>Window inner height: " 26 + window.innerHeight + "</p><p>Window device Pixel Ratio: " 27 + window.devicePixelRatio + "</p>"; 28 if (window.location.search.substr(1) == "show_scroll_diagnosis_info") { 29 document.getElementById("info").innerHTML = txt; 30 } 31 </script> 32 </body> 33</html> 34