Skip to content

Instantly share code, notes, and snippets.

@jeffreytgilbert

jeffreytgilbert/js-perf-struct-frame.html

Created September 8, 2014 20:22
Show Gist options
  • Save jeffreytgilbert/6abc8b658e966f3bdb03 to your computer and use it in GitHub Desktop.
Save jeffreytgilbert/6abc8b658e966f3bdb03 to your computer and use it in GitHub Desktop.
Download ZIP
A container to frame content so positioning it outside of the viewport is easier.
Raw
js-perf-struct-frame.html
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<link href="test-styles.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFF99" bottommargin="0" rightmargin="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div style="position:relative; border:10px solid #228b22; width:820px; height:250px;">
<!-- first frame is positioned where it will be in view by the container iframe in the parent document -->
<iframe width="400" height="250" scrolling="no" style="position:absolute;top:0;left:0;" id="leftFrame" src="js-test-frame.html"></iframe>
<!-- second frame will be aligned so that it can be in view, but wouldnt be by default -->
<iframe width="400" height="250" scrolling="no" style="position:absolute;top:0;left:420px;" id="rightFrame" src="js-test-frame.html"></iframe>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment