文章/答案/技术大牛

发布

社区首页 >问答首页 >在IFrame中运行Skrollr

问在IFrame中运行Skrollr
EN

Stack Overflow用户

提问于 2015-09-24 00:52:47

回答 1查看 172关注 0票数 1

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

“结构不完善”

我已经确认，IFrame内容是正确的，如果它们不是在iframe和标准网页中运行的，那么它们就运行得很好。我已经确认Skrollr javascript文件/s正在成功加载。所有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>

javascript

jquery

iframe

skrollr

回答 1

Stack Overflow用户

发布于 2015-09-24 07:51:56

一切都是工作兄弟

当iframe的大小超过1000 it时，它将显示滚动条。

例如：

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

我已经添加了iframe的源代码，它比1200 of大，在添加之后，它将显示滚动条。

在JSFiddle中检查它

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32751713

复制

相似问题

问在IFrame中运行Skrollr
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在IFrame中运行SkrollrEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在IFrame中运行Skrollr
EN