问题标签 [skrollr]

我试图用 skrollr 制作动画，但是当背景图像发生变化时，它们会消失一小段时间，有时当服务器延迟一秒钟时，它们会完全消失，直到我再次前后滚动。

这是我使用的代码：

顺便说一句：包含背景图像的 div 位于移动的 div 中。有什么办法可以解决这个问题？

编辑：每个动画的背景图像都在闪烁！

PS：对不起我的英语不好，我是德国人。

我正在尝试将此图标向下滚动并在某些像素保持固定后。我已经设法在滚动后修复了标题，但不知道如何做这部分。就像雅虎如何在不倒翁上拥有这个http://yahoo.tumblr.com/ 见右上角

有什么建议么？

这是我的小提琴 http://jsfiddle.net/cancerian73/5525K/

我对 Web 开发相当陌生，所以如果这很明显，请原谅我。我创建了一个网站，在 Chrome 和 Mozilla 上看起来不错，但似乎我无法让 IE 版本以与其他版本相同的速度/高度滚动。虽然我声明高度为 6000 像素，但我只能向下滚动到 1700 左右，如果您希望看到它，我会将其输出到控制台中。

看看： http: //nick-barth.com/lindylongcon/

如果您碰巧注意到我的无数错误中的任何一个，请随时提及！

谢谢你，尼克巴特

在 github 上的 skrollr 的 pausing.html 示例中有代码，文档中根本没有解释。例如：

什么是 data-100p 属性？文档中没有提到

另外 data-_box-100p="" 是一个，我不明白它控制什么......暂停？在单独的 html 注释中，它暗示暂停的持续时间由常量“框”设置。所以这对 data-_box 有意义，但我不知道属性的其余部分（在一种情况下为 100p="" 并且

我正在尝试堆叠几个部分，每个部分都会为动画暂停，并且我在控制 skrollr 的暂停功能所涉及的逻辑方面遇到问题

我编写了一个 Javascript/jQuery 函数，用于将 HTML5 数据属性动态写入一些 HTML 标签并使Skrollr 插件工作。我无法使用 jQuery .data() 因为它只存储（它不写在标签内）属性。这是我的代码：

我想知道是否有机会仅使用 jQuery 来实现相同的结果，还因为我需要按类而不是 ID 选择元素。

我一直在研究包裹在尾声滑块中的视差 skrollr 一段时间，但我发现我在过渡方面遇到了问题。每次滚动 skrollr 中的元素时，身体都会闪烁并跳跃。我已经阅读了每一个线程并发布了关于这个问题的答案，但没有直接的答案如何解决它。我真的很崩溃。

我一直在使用元素的绝对位置，并且没有运气也使 skrollr 主体成为绝对位置。

以及我将平滑滚动设置为 false，因为帧之间的补间也非常分散注意力。

有人遇到过这个问题吗？

这是指向该网站的链接，因为它现在是http://www.littleluxury.co.za 移动设备和桌面设备都在滚动时不寒而栗。

如果有人能启发我为什么我看到的例子是平滑和无缝的，而我的看起来像这样，我将不胜感激。

我正在使用一个名为 Skrollr 的 Javascript 插件来在向下滚动时更改页面上元素的位置。我遇到的问题是，当我改变top位置时，我的元素在 Safari 和 Firefox 中变得非常紧张，但在 IE 8 中工作得很好。如果我切换到transform:translate(x,y)那么它在除 IE 8 之外的所有地方都很好，transform显然不支持. 我正在考虑做的是让我的 Skrollr 属性切换到top有人使用 IE8 时。

基本上我想改变这个......

到这个..

有没有办法可以使用 javascript/jquery 更改这些属性？还是我应该采取其他可能更好的方向？我试图用 IE 条件注释来做到这一点，但它是一团糟，而且它在 IE8 以外的浏览器中不起作用。

我刚开始使用 skrollr.js。我试图让一个 div 在某个点保持/暂停。使用https://github.com/Prinzhorn/skrollr/blob/master/examples/pausing.html和http://prinzhorn.github.io/skrollr/examples/pausing.html 作为主要指南。

因此，从我链接的代码中，我可以看到页脚中设置的常量包含转换的长度，但是在尝试将变量更改为其他东西时我没有运气，例如 boxY。即使我已将所有框变量更改为 boxY 它也不起作用。所以不确定哪些变量在这里做什么。试图尝试找出这一切的作用。

我正在尝试使用其他代码重新创建暂停。

对不起，如果这不是很清楚。

我要学习的主要内容是如何将元素保持在适当的位置。一个很好的例子：milanart.in/philosophy

我正在尝试让 skrollr.js 在 IE 上工作。我从 skrollr 站点复制了示例代码： view-source: http://prinzhorn.github.io/skrollr/ 包括所有其他 js 文件，包括 ie 文件。它适用于所有接受精彩 IE 的浏览器。无法弄清楚问题是什么。

这是我第一次使用 skrollr，所以过去几个小时我一直在尝试很多东西以掌握它。

计划是有一个建筑物的 3d 图像，当我滚动时，建筑物将转动 360 度。我目前以汽车为例，它位于一个大的背景图像中，我根据我所在的位置更改背景的位置。这是我的代码片段：

这工作正常！

但是，这将是一个充满其他内容的长页面。我想做的是让建筑物在旋转时固定在页面上。我尝试过使用位置修复，但它看起来有点好笑，因为我的所有其他内容都被拉扯了。

我错过了什么怎么能做到这一点？

我已经看到其他网站实现它的示例，并且我尝试检查代码以了解它是如何完成的，但我似乎无法发现它。

任何帮助，将不胜感激！

编辑** 这就是我最终得到的结果：

我固定了“包裹”的位置并将其设置为隐藏，然后使用常量在视口中显示。