Positionable Iframe
<!-- A way to scroll to content inside of an iframe, regardless of cross-domain restrictions. -->
<!-- References: http://www.stoimen.com/blog/2011/03/29/scroll-an-iframe-content-to-a-predefined-position/ -->
<div style="background: white; height: 500px; overflow: hidden; position: relative; width: 100%;">
<iframe src="http://www.proxy4free.com/list/webproxy_rating1.html#top_r" style="left: -60px; position: absolute; top: -310px; height: 1024px; width: 100%;" frameborder="0" marginheight="0" marginwidth="0" scrolling="no">
You need a Frames Capable browser to view this content.
</iframe>
</div>
<!--
The notable code creating the effect is the embedded css, which if written out would be:
div {
height: 500px;
overflow: hidden;
position: relative;
width: 100%;
}
iframe {
left: -60px;
position: absolute;
top: -310px;
height: 1024px;
width: 100%;
}
-->
Remote Script Fallback
<!-- Fallbacks for remotely hosted scripts, you can NOT use asynchronous requests with this (i.e. <script async>). -->
<!-- Checks for existence of any variable/function a script defines, if undefined then loads a local copy. -->
<!-- Reference: https://stackoverflow.com/questions/5257923 -->
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/includes/jquery.js"><\/script>')</script>
<!-- Throttle Debounce -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
<script>window.$.throttle || document.write('<script src="/includes/throttle-debounce.js"><\/script>')</script>
<!-- Modernizr -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script>window.Modernizr || document.write('<script src="/includes/modernizr.js"><\/script>')</script>