scroll-iframe-child.html 775 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Child frame</title>
  6. </head>
  7. <body>
  8. <div id="target">Yay, you can see me!</div>
  9. <div id="info">
  10. There is nothing to do here as it is just a sub-component of another test.
  11. <br/>
  12. <a href="../scroll-iframe.html">Click here to continue testing</a>.
  13. </div>
  14. </body>
  15. <style>
  16. .manual-test-container {
  17. padding: 50px;
  18. width: 3000px;
  19. height: 3000px;
  20. }
  21. .manual-test-sidebar {
  22. display: none;
  23. }
  24. #target {
  25. background: red;
  26. width: 200px;
  27. height: 200px;
  28. margin-top: 1000px;
  29. margin-left: 2000px;
  30. border: 10px solid green;
  31. }
  32. #info {
  33. position: fixed;
  34. top: 50%;
  35. left: 50%;
  36. transform: translateX( -50% );
  37. display: none;
  38. }
  39. </style>
  40. </html>