问题标签 [skrollr]

我现在正在玩视差并且有一个问题：

这是标记

和 CSS：

JSFiddle

在除 Safari 之外的所有浏览器中似乎一切正常（桌面、iOS 也可以）

按“滚动”箭头后，Safari 滚动动画非常滞后。我还注意到只有当我使用 position: fixed; 时滚动滞后才会开始。

也许有人可以给我任何线索我应该在哪里挖掘？

谢谢你。

我正在尝试做一个 div 来更改每个滚动的 X px 的背景图像。最初我尝试更改背景图像（也使用精灵和背景位置），但它给了我“闪烁”的效果。你可以在这里看到：https ://whispering-ocean-4900.herokuapp.com/ （这里的例子不是用精灵做的，但效果是一样的）。

然后我尝试只加载一次精灵并仅更改背景位置。如果我使用类似的东西，它工作正常：左中；左上角等...如果我使用 px，例如background-position: 50px 0px;它会为图像设置动画（移动它）。你可以在这里看到它：http: //bit.ly/1h4FOVR

我已经这样做了：

相反，如果我这样做（但我不能为真正的精灵做）：

一切正常......有什么区别？我该如何解决？

闪烁的问题很难解决（在互联网上阅读，是 webkit 的一个错误/问题），但是为什么当我改变背景位置（这将是一个很好的解决方法）时会做这个奇怪的事情？

非常感谢您。

我必须用我自己的想法完成一些项目。

这是您可以看到所有想要的功能和行为的视频。

这是我正在学习的公司的人制作的 Work in Progress 版本：podpiwekjedrzej.com。

这是我正在进行的当前版本。

我需要用我自己的想法和选择的工具从上面的视频中制作这些效果：我找到了 FullPage.js 用于垂直和水平滚动全屏滑块站点。对于滚动对象，我找到了 Skrollr.js。

现在：

没有 FullPage.js，Skrollr 运行良好。在装有 Android 的平板电脑上，我当前的版本正在运行，而在我将浏览器窗口调整为非常小的尺寸时，PC 上正在运行，但它只适用于键盘。我还需要对菜单进行动画移动 - 什么工具对此有好处？所有人都必须响应。

我无法继续这个项目，因为关键功能阻止了我。

我刚刚开始学习 jQuery 和 JS，所以我还不能为此编写自写代码。

请帮忙。

我希望在<nav>用户通过第一个“块”（height: 100%;）后修复。我决定使用 Skrollr，因为它是我所知道的立即进行“更改”的唯一方法，并且在移动设备和 IE 中没有错误。所以我这样做了：

这很好用（在<nav>之后<header>），直到您调整页面大小。所以我这样做了：

它采用新的高度，并将其添加为 attr 并删除所有其他 attr （因为如果不是，它会增加很多：data-500、data-501、data-502、data-503 ...）并通过查看在代码处 - 它工作得很好。问题是 Skrollr 没有“看到”变化。我该怎么办？

您好，我正在尝试在响应式网站上使用 skrollr，我只想在移动设备上将其关闭，然后在桌面/桌面上重新打开。我不断收到此错误：未捕获的类型错误：对象 # 没有“销毁”方法。正确方向的一点会很有帮助，因为我找不到使用 skrollr 的 destroy 调用的示例。

下面是我正在使用的代码：

几天来，我一直在尝试处理 skrollr，但似乎我一直得到不一致的结果。为了保持这个例子非常简单，我有一个部分标签，它的位置固定，高度和宽度为 100%

html

CSS：

它似乎没有滚动 200% 的视口。红色部分向上滚动（100p），但随后停在视口顶部，没有其他内容可滚动。

我目前正在使用 Skrollr 摆弄一个视差网站。当我向下滚动时，我想创建一个窗帘效果，我改变了两个 div 的左右“滑动”打开。

现在我遇到的问题是，当我向左或向右滚动 div 时，我的 100% 宽度在我的视口之外。所以我可以垂直滚动，这是我不想要的。有没有办法强制保持宽度尽可能宽？

显示问题的代码笔：

http://codepen.io/anon/pen/eKJxs

有任何想法吗？

对不起，我是 jquery/js 学徒。我有一个 jquery 粘性导航设置，skrollr 设置为“stick”，顶部偏移为 590px。这似乎没问题，但我发现我需要该偏移量在某些页面上是唯一的，而不是必须手动应用唯一的偏移量，我想知道是否可以将偏移量值绑定到特定的 DIV 高度？这将有助于使事情在未来更容易管理。

这是我的代码：

我需要将其绑定到的具有高度值的 DIV 有一个 .custom-hero-background 类

它应用了 600px 的全局高度，但在某些页面上，我用独特的高度覆盖了它。

我正在尝试使用skrollr从屏幕左侧（左：100%）到左：25% 为 div 设置动画，同时从 50% 的不透明度淡化为 100%。像这样简单的东西：

不透明度更改效果很好。但是，位置更改似乎对我不起作用（Chrome、Firefox 和 Safari） - 文本保持在 left:0% 的位置。有什么我想念的吗？

我将 Skrollr 用于我的 ipad 和桌面尺寸，但因为我使网站具有响应性，所以我关闭了 Skrollr，以便我的内容可以堆叠。我似乎遇到问题的一件事是让我的内容容器（部分标签）调整到窗口的高度。他们默认回到这些标签内的任何内容的高度，即使 CSS 给出了最小高度和 100% 的高度。我通过在 javaScript 中强制高度来使其工作，但我认为我不应该这样做？

HTML

CSS

}

}

}

}

}

javascript: