title: iFrame Embed Messes Up Page Layout & Causes Artifacts When Scrolling
body: <p>I have a page that's a grid of images using JQuery, JQueryUI, Masonry, Infinite Scroll &amp; Lazy Load and some custom JS and CSS that all works great when the content is all images.</p>
  
  <p>I recently tried to embed Vine and YouTube in there but anytime there's an iFrame embed, the page degrades when I scroll, my fixed header and footer jump around on scroll, the background disappears and massive artifacting happens.</p>
  
  <p>I've tried removing the various js files and css to try to isolate the problem without any luck...any one have any ideas?</p>
  
  <p>Here's the page without embed:
  <a href="http://cryptic-anchorage-3726.heroku.com/test/test.html" rel="nofollow">http://cryptic-anchorage-3726.heroku.com/test/test.html</a></p>
  
  <p>Here's the page with embed which degrades:
  <a href="http://cryptic-anchorage-3726.heroku.com/test/test2.html" rel="nofollow">http://cryptic-anchorage-3726.heroku.com/test/test2.html</a></p>