Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!--
A variant test of partial-prerender-translate-5.html but in this test the
position:fixed element is inside an iframe.
-->
<style>
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
}
</style>
<iframe style="width:400px; height:1000px; border: 0"
srcdoc="<!DOCTYPE HTML>
<html>
<style>
html {
overflow-x: hidden;
scrollbar-width: none;
}
html, body {
margin: 0;
padding: 0;
}
#target {
width: 1600px;
height: 1000px;
transform: translateX(-725px);
}
</style>
<div id='target'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000'>
<rect fill='green' x='0' width='800' height='1000'></rect>
<rect fill='blue' x='800' width='325' height='1000'></rect>
<rect fill='red' x='1125' width='675' height='1000'></rect>
</svg>
</div>
</html>">
</iframe>
</html>