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>