| 123456789101112131415161718192021222324252627282930313233343536 |
- <button id="scroll">Scroll</button>
- <div id="scrollable">
- <iframe src="assets/scroll-iframe-child.html"></iframe>
- </div>
- <style>
- body {
- height: 3000px;
- width: 3000px;
- }
- button {
- display: block;
- position: fixed;
- top: 1em;
- right: 1em;
- padding: 1em;
- }
- #scrollable {
- border: 30px solid orange;
- width: 500px;
- height: 500px;
- overflow: scroll;
- margin-top: 2000px;
- margin-left: 2000px;
- }
- iframe {
- margin: 1000px;
- border: 20px solid blue;
- height: 300px;
- width: 300px;
- }
- </style>
|