<!DOCTYPE html> <html> <head> <style> html { overflow: hidden; } body { overflow: hidden; position: relative; height: 0px; margin: 0px; } div { position: absolute; } </style> </head> <body> <div>This checks that we don't wrongly propagate the body's overflow clip when we shouldn't.<br>This text should be visible in the output.</div> <script> document.body.offsetTop; // This removes the body's overflow clip propagation, which should make the text above appear. document.documentElement.style.overflow = "visible"; document.body.style.overflowY = "visible"; </script> </body> </html>