<!DOCTYPE html>
<html>
<head>
<title>CSS Test (Transforms): iframe scroll position</title>
<link rel="author" title="Martin Robinson" href="mailto:[email protected]">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-rendering">
<meta name="assert" content="This test ensures that when an iframe element is transformed, the scroll position of the iframe content is preserved.">
<link rel="match" href="transform-iframe-scroll-position-ref.html">
<style>
iframe {
border: 0;
width: 50px;
height: 50px;
border: solid;
}
.rotate {
transform: rotate(90deg);
}
</style>
<body onload="onLoad();">
<iframe id="iframe" src="support/transform-iframe-scroll-position-contents.html"></iframe>
<script>
function onLoad() {
iframe.classList.toggle("rotate");
}
</script>
</body>
</html>