cross-origin-tall-iframe-rendering.sub.html (714B)
1 <!DOCTYPE html> 2 <meta name="viewport" content="width=device-width,initial-scale=1"> 3 <title>Intersection observer with cross-origin iframe and tall viewport</title> 4 <link rel="match" href="cross-origin-tall-iframe-rendering-ref.html"> 5 <style> 6 :root { scrollbar-width: none } 7 8 .spacer { 9 height: calc(200vh + 100px); 10 } 11 12 iframe { 13 width: 160px; 14 height: 5100px; 15 border: 0; 16 outline: 1px solid; 17 } 18 </style> 19 <div class="spacer"></div> 20 <iframe src="http://{{hosts[alt][]}}:{{ports[http][0]}}/intersection-observer/resources/cross-origin-tall-subframe.sub.html?nest=4" sandbox="allow-scripts"></iframe> 21 <div class="spacer"></div> 22 <script> 23 document.querySelector("iframe").scrollIntoView({ block: "end" }); 24 </script>