iFrame嵌入Messes Up Page Layout＆amp;滚动时会导致伪影

Question

我有一个页面是使用JQuery，JQueryUI，Masonry，Infinite Scroll＆amp; Lazy Load和一些自定义的JS和CSS，当内容都是图像时，它们都能很好地工作。

我最近尝试将Vine和YouTube嵌入其中，但是只要有iFrame嵌入，当我滚动时页面就会降级，我的固定页眉和页脚在滚动时跳转，背景消失并发生大量伪影。

我已经尝试删除各种js文件和css以试图隔离问题而没有任何运气......任何人都有任何想法？

这是没有嵌入的页面： http://cryptic-anchorage-3726.heroku.com/test/test.html

这是包含降级的页面： http://cryptic-anchorage-3726.heroku.com/test/test2.html

Answer 1

几天后想出来。其中一个父容器（在本例中为具有ID eventList的div） 有位置：亲戚。通过删除它，一切正常呈现！