8
0

scroll-iframe.html 518 B

123456789101112131415161718192021222324252627282930313233343536
  1. <button id="scroll">Scroll</button>
  2. <div id="scrollable">
  3. <iframe src="assets/scroll-iframe-child.html"></iframe>
  4. </div>
  5. <style>
  6. body {
  7. height: 3000px;
  8. width: 3000px;
  9. }
  10. button {
  11. display: block;
  12. position: fixed;
  13. top: 1em;
  14. right: 1em;
  15. padding: 1em;
  16. }
  17. #scrollable {
  18. border: 30px solid orange;
  19. width: 500px;
  20. height: 500px;
  21. overflow: scroll;
  22. margin-top: 2000px;
  23. margin-left: 2000px;
  24. }
  25. iframe {
  26. margin: 1000px;
  27. border: 20px solid blue;
  28. height: 300px;
  29. width: 300px;
  30. }
  31. </style>