问题标签 [skrollr]

我正在使用 skrollr 插件为 iOS 创建视差网页。如果我只使用文本，它会非常流畅，而且速度非常快。如果我包含带有 CSS 的背景图像或带有 HTML 的内联图像，滚动突然变得非常不稳定。有解决办法吗？任何图像都会大大减慢它的速度。

谢谢！

我一直在使用Skrollr v.0.6.17. 在测试过程中，我发现该网站不适用于IOS设备。网站上的页面无法滚动和锁定。我已经实现Skrollr了包裹所有的身体部分，除了一个固定定位的部分。它仍然不起作用，但我发现我video embed会允许我滚动页面，这很奇怪。

该网站是http://encore.andrewtaswin.com/

任何人都可以在这方面为我提供任何帮助吗？谢谢。

我对 Skrollr 有疑问。向下滚动时，我有一个 div（灰色）从左到右改变它的位置。在 div（黄色）内部，还有另一个 div。只要父 div 仍在更改其位置，我希望它保持在相同的高度。我尝试通过更改边距顶部来做到这一点，就像这样：

这就是发生的事情。 一切都会好起来的，但是黄色的 div 在向右移动时会上下移动。有没有办法在不使用“位置：固定”的情况下解决这个问题？感谢帮助！

编辑：顺便说一句，在 iPad 上它可以工作。

我一直在绞尽脑汁试图理解我做错了什么。我正在使用 prinzhorn 的 skrollr.js 在我的投资组合重新设计中滚动动画效果，它在桌面甚至 ios7 的 chrome 上都很好用。

但是......当在 safari ios7 中加载时，它只能滚动到目前为止（到品牌徽标部分），然后在到达页面末尾之前停止。只有当我将方向更改为横向，然后再回到纵向时，它才会自行纠正。

当我重新加载时，我还注意到一些奇怪的不一致。有时它会滚动得更远，有时会更短。我在页面顶部的初始徽标（AP）有时会消失，直到我开始滚动。

有人有什么想法吗？标记错误？我尝试弄乱“forceHeight：false”但无济于事。我一直在移除和转移东西，但这也无济于事。我什至添加了我的“clearfix”类，但仍然有问题。我敢肯定我是个傻瓜。任何见解都会有很大帮助。演示链接如下：

http://dl.dropboxusercontent.com/u/35202847/portfolio_v7/about.html

我最近偶然发现Skrollr，一个有趣的库来实现一个parallax效果。我正在使用它来控制一些不透明度，并且非常适合制作“路径”（作为SVG图像提供 - 包括颜色和笔划宽度等 - 来自设计师）。

我希望在用户向下滚动时为 SVG 图像（路径）设置动画，就像画线一样。这是 skrollr 的一个很好的例子，它使用了与预期类似的效果。使用的示例有一个“路径”，但我有一个svg图像 - 我注意到它有很多路径。Skrollr 似乎需要一个内联 SVG 路径。

如何获得与指定示例中类似的效果。为了得到它，我必须将给定的 svg 文件转换为类似于（来自示例）的东西：-

资源：

• 图片：https ://gist.github.com/ziyan-junaideen/3f3ffc99d6812ff78717
• 示例：https ://github.com/Prinzhorn/skrollr/blob/master/examples/path.html

我有一个页面，当元素的顶部碰到它时，该元素应该贴在视口的顶部。我正在使用一个名为 Skrollr 的插件来完成此操作。我遇到的问题是，当元素到达视口顶部并切换到fixed在其中定位内容时，它似乎闪烁或移动。这只发生在我快速滚动时。如果我滚动缓慢，它不会闪烁或移动。

这是一个带有我看到的问题示例的 jsfiddle。除了 Chrome 之外，我还没有测试过任何其他浏览器。

http://jsfiddle.net/dmcgrew/sYV6L/

更新了 jsfiddle .. 观察绿色块如何略微向上滚动超过视口顶部，然后向下跳回。这只发生在快速滚动时.. http://jsfiddle.net/dmcgrew/sYV6L/1/

下面的代码在 ipad 上不起作用：页面完全空白。在桌面浏览器上运行良好。如果我删除文档类型，它会起作用。

奇怪.. 使用 skrollr 0.6.17。怎么了 ？

*-派克

这是我无法工作的小提琴：http: //jsfiddle.net/geoyws/ULJ27/

1) 如何让我的网站平滑滚动到我的主题标签？它目前只是在那里飞行。我使用 Skrollr 菜单的方式有问题吗？

2) 如何让我的网站只水平滚动？我正在尝试获得这种效果：http: //jsfiddle.net/GpPHx/119/

多谢你们。

我试图使用常量与样式表插件相结合，但由于某种原因它不起作用，这是我所做的：

索引.html

skrollr.css

}

如果我使用正确的值而不是常量，它可以正常工作，我做错了什么？

Skrollr 是一个很棒的插件，有很多选项，但我真的不明白当滚动位置在最后一个关键帧之后时是否有某种方法可以传递函数。例如，看看这个fiddle。

当您滚动前 100 个像素时，scrollable-between类更改为scrollable-after. 以类似的方式，我想传递一个函数（例如：当滚动位置在最后一个关键帧之后）。

你将如何做到这一点？