个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我正在尝试在 IFrame 中运行一些非常简单的 Skrollr 动画。当我使用简单的 HTML Skrollr 填充 IFrame 时，将错误输出到控制台(在 FireFox 中):
“格式不正确”
我已经确认 IFrame 内容是正确的，并且如果它们不在 iframe 中并且在标准网页中，则运行得很好。我已经确认 Skrollr javascript 文件已成功加载。所有CSS、JS和图像都与父网页位于同一域中，因此不会发生跨域。当内容放置在 IFrame 中时，问题就会出现。这让我认为这是一个跨脚本问题，或者 Skrollr 被编码为检测跨域/跨脚本？
知道出了什么问题以及如何克服这个问题吗？如果您愿意，我可以提供一个简单的例子。希望引起 Prinzhorn 的注意，是的，我知道 Skrollr 目前尚未维护，并且 IFrame 未得到正式支持，但如果我知道出了什么问题或问题是什么，我可以 fork 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>
最佳答案
兄弟一切顺利
当 iframe 的大小超过 1000px 时，它将显示滚动条
例如:
<iframe id="mf-preview" src="http://onhax.net" frameborder="0"></iframe>
我添加了大于1200px的iframe源添加后，它会显示滚动条
查看JSFiddle
关于javascript - 在 IFrame 中运行 Skrollr，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32751713/
27
4
0
我遵循了移动浏览器支持指南，将内容包装在 body 标签的前后。 解释在这里:https://github.com/Prinzhorn/skrollr#what-you-need-in-order-t
我已按照 Skrollr 网站以及此问题 ( How to fix Skrollr on Mobile? ) 中的说明进行操作。我的问题是，当我将 id="scrollr-body"添加到我的 bod
在我网站的某些元素上使用 skrollr 时遇到一些问题。它适用于背景，但我试图淡入和淡出带有文本的 div，但它不起作用……我一定是做错了什么，所以我创建了一个 jsfiddle 来显示这个问题。希
我正在使用 skrollr.js动画页面上的一些东西。我只想在窗口视口(viewport)宽度大于特定大小时初始化 skrollr，并在低于该视口(viewport)宽度时完全删除或销毁它。 比如当浏
我一直在使用 Skrollr v.0.6.17 开发一个网站。在测试过程中，我发现该网站不适用于 IOS 设备。网站上的页面无法滚动和锁定。我已经实现了 Skrollr 来包装所有主体部分，除了固定定
我正在使用 skrollr.js 制作动画，但由于某种原因滚动无法正常工作。在桌面上一切正常。正如文档中所建议的那样，我将所有内容都包装在一个 ID 为“skrollr-body”的 div 中，但是
我使用的常量基于我的窗口高度 - 因此如果用户调整浏览器的大小，高度可能会改变。我显然想在调整窗口大小时重新计算浏览器高度。这是我目前所拥有的，但它似乎不起作用: function resize_ar
我正在使用 Skrollr destroy 方法来杀死任何低于 768px 的 skrollr。 在这里找到了这个，它大部分效果都很好: $(function () { // initialize
我正在使用 scrollr.js 开发一个网站当元素进入时，我遇到了高度问题。作为引用，我使用 this template 上找到的脚本。 . 在第一个屏幕截图中，从两侧淡入的元素与下面的元素之间存在
我正在尝试使用 skrollr 库 ( https://github.com/Prinzhorn/skrollr ) 来创建我认为它是一个简单的功能，这意味着当 bottom-top 属性被触发时(当
Skrollr 是一个很棒的插件，有很多选项，但我真的不明白是否有一些方法可以在滚动位置在最后一个关键帧之后传递函数。例如，看看这个 fiddle . 当您滚动前 100 个像素时，scrollabl
在我的项目中，我有一个带有项目网格的长滚动页面。当您单击一个项目时，我会加载该项目，然后滑动打开一个窗口，将项目网格向下推，显示所选项目。每个项目都会根据内容有不同的高度。我需要项目网格下方显示的内容
github 上 skrollr 的 pausing.html 示例中有一些代码在文档中根本没有解释。例如: data-100p 属性是什么？文档中没有提到 另外 data-_box-100p=""
我正在寻找一种动态更新 skrollr 的绝对位置值的方法。相对定位是不可能的，因为 body 标签是父元素并且扩展了页面的整个长度。所讨论的对象在 body 标签内的位置是固定的。 1) 有没有办法
我想要 在用户通过第一个“ block ”(height: 100%;)后变得固定。我决定使用 Skrollr，因为这是我所知道的立即进行“更改”的唯一方法，而且不会在移动设备和 IE 中出现错误。所
我正在使用 skrollr 为一些 svg 元素的比例设置动画。问题是我想为它们设置动画，从左下角开始扩展，但它们是从左上角(默认艺术板 anchor )设置动画。 ... ... http://j
你好我想了解 sckrollr 但我似乎在相对使用上失败了，我想得到的是: 有 X 个盒子，里面有一些元素 当元素 anchor 到达视口(viewport) anchor 时做一些事情 我不明白我有
我正在尝试让 skrollr ( https://github.com/Prinzhorn/skrollr ) 立即显示文本。现在我只能让文字淡入淡出。我怎样才能让它突然出现然后消失？ Howdy
我正在尝试使用 skrollr 制作动画，但是当背景图像发生变化时，它们会短暂消失，有时当服务器延迟一秒钟时，它们会完全消失，直到我再次来回滚动。 这是我使用的代码: @-skrollr-keyfra
有人可以解释一下使用 Skrollr.js 在场景中创建暂停的数据属性吗？我想创建一个小动画，但不太确定如何实现它。该插件是否只是等待您完成动画才能向下滚动到下一个暂停？ 最佳答案 我不知道滚动流有任
我是一名优秀的程序员,十分优秀！