frame-reconstruction-scroll-clamping-ref.html (630B)
1 <html> 2 <script> 3 function run() { 4 document.body.classList.toggle('noscroll'); 5 document.getElementById('spacer').style.height = '100%'; 6 // Scroll to the very end, including any fractional pixels 7 document.body.scrollTop = document.body.scrollTopMax + 1; 8 } 9 </script> 10 <style> 11 html, body { 12 margin: 0; 13 padding: 0; 14 background-color: green; 15 } 16 17 .noscroll { 18 overflow: hidden; 19 height: 100%; 20 } 21 </style> 22 <body onload="run()"> 23 <div id="spacer" style="height: 5000px"> 24 This is the top of the page. 25 </div> 26 This is the bottom of the page. 27 </body>