uncovering-2.html 688 B

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE HTML>
  2. <html class="reftest-wait">
  3. <head>
  4. <style>
  5. body {
  6. width: 1500px;
  7. overflow: hidden;
  8. }
  9. div#bottom {
  10. position: fixed;
  11. left: 0;
  12. top: 0;
  13. height: 200px;
  14. width: 200px;
  15. background: green;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div style="margin-left:200px; left:200px; width:100px; height:100px; background:pink;"></div>
  21. <div style="left:0; width:500px; height:20px; background:blue;"></div>
  22. <div id="bottom"></div>
  23. <script>
  24. document.documentElement.scrollLeft = 200;
  25. function doTest() {
  26. document.documentElement.removeAttribute("class");
  27. document.documentElement.scrollLeft = 0;
  28. }
  29. window.addEventListener("MozReftestInvalidate", doTest, false);
  30. </script>
  31. </body>
  32. </html>