在iframe中运行Skrollr

Question

我试图在IFrame中运行一些非常简单的Skrollr动画。 当我用简单的HTML Skrollr填充IFrame时，将错误输出到控制台（在FireFox中）：

“格式不正确”

我已经确认IFrame内容是正确的，并且如果它们不在iframe和标准网页中也可以正常运行。 而且我已经确认Skrollr javascript文件已成功加载。 所有CSS，JS和图像都与父网页位于同一域中，因此不会发生跨域问题。 将内容放置在IFrame中后，问题就会显现出来。 是什么让我认为这是一个跨脚本问题，或者认为Skrollr被编码为检测跨域/跨脚本？

任何想法出了什么问题，我该如何克服？ 如果您愿意，我可以提供一个简单的示例。 希望引起Prinzhorn的注意，是的，我知道Skrollr目前尚未维护，并且IFrame尚未得到正式支持，但是如果我对出什么问题或问题是什么的想法，可以叉Skrollr并添加此功能。

编辑 ：这是一个简单的JSFiddle示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Tasks</title>
    <style>

        #main-container {
                width            : 1200px;
                height           : 1000px;
                background-color : #eee;
        }

        iframe {
            width: 100%;
            height: 100%;
            overflow: scroll;
        }

    </style>
</head>

<body>

    <div class="container text-center">

        <button id="load-btn">Load Iframe</button>

        <br/>

        <div id="main-container" class="text-center">
            <iframe id="mf-preview" frameborder="0"></iframe>
        </div>

    </div>

    <!-- Javascript files -->
    <script src="js/custom.js"></script>
</body> 
</html>

Answer 1

一切都在工作的兄弟

当iframe的大小大于1000px时，它将显示滚动条

像例子：

<iframe id="mf-preview" src="http://onhax.net" frameborder="0"></iframe>

我添加了大于1200px的iframe源，添加后像这样将显示滚动条

在JSFiddle中检查