问题标签 [superscrollorama]

在我目前正在开发的一个 Wordpress 网站上，我的客户希望首页的不同部分从底部向上滑动并覆盖前一部分，就像擦除或滑动过渡一样。使用在这里找到的超级滚动条： http ://johnpolacek.github.com/superscrollorama/ ，我设法达到了预期的结果。

接下来，我只需要在首页创建一个导航菜单。我这样做了，并在页面上的各个不同点设置了锚点。当我单击导航菜单链接时，我还使用 scrollTo 库来滚动动画。但是，我遇到了一些问题：

• 当在顶部并单击“展示”时，它会将我带到展示部分，但产品部分（紧随其后的 div）与其重叠。
• 其他 div 似乎有以下 div 与当前 div 重叠的相同问题
• 我只能向前导航。当我尝试向后退时，它不会（“主页”除外）
• 我认为这可能与 div 的 CSS“top”属性有关，所以我尝试在每次单击功能启动时重置它们，但它不起作用。所以我暂时把它删了。
• 当前设置 javascript 以防止滚动到锚点的默认操作，而是将其设置为滚动到实际的 div 本身。但是，我仍然遇到同样的问题。

编辑：我解决了上述所有问题，但现在出现了一个新问题。如果您滚动浏览该站点，然后调整浏览器窗口的大小并向上滚动，您会注意到底部的一部分被切断了。我查看了 superscrollorama 页面，它也有同样的问题。我希望有人知道如何解决这个问题。

这是我目前正在开发的网站：http: //breathe.simalam.ca/

这是滚动的javascript：

滚动代码：

所有部分 div 都在父 div 内。部分 div 的高度、宽度和顶部均为 100%。

包含所有这些部分 div 的父 div 如下：

我正在使用 SuperScrollorama 在单个页面（滚动）网站上触发大量动画。从左侧或右侧滑入的所有图像和文本都可以完美运行。问题是当我尝试从屏幕顶部放入图像时，图像会在用户滚动的整个过程中上下反弹，直到他们最终下降到图像应该“坐”的位置（它基本上回到它的原始位置，然后回到它应该停留的位置，然后再次备份等等）......这是我的相关代码：

HTML：

CSS：

JAVASCRIPT：

提前感谢您的帮助！

我创建了一个相当复杂的 Superscrollorama 动画，其中还包含一些响应式断点，并且它在大多数屏幕尺寸上都能流畅运行。但是，Safari（以及 iOS 版 Chrome）的工作方式有点不同，所以我不得不使用一个名为 iScroll 的脚本。甚至在Superscrollorama 的移动页面上， John 也提到这个解决方案非常耗费资源，并且只能用于较小的东西。现在，我的动画几乎不会在我的 iPad 4 或 iPhone 5 上滚动，所以我想我对“较小的东西”有点过头了。这很可悲。我真的很想能够说我完全响应了。:)

但是，我也想为移动用户提供一个不错的解决方案。我有一个 index.php 用于主站点，一个 index2.php 用于移动用户。

.htaccess 文件对我来说是中文的，你能给我一些帮助吗？我需要发生以下情况：

1. 桌面用户得到 index.php 提供给他们的内容，并且 URL 栏显示 mydomain.co
2. 移动用户获得 index2.php 提供的内容，并且 URL 栏仍然显示 mydomain.co

我有以下代码，甚至将 index2.php 重命名为 index.php 并将其放在 /mobile 中，但不知何故它不起作用：

我目前正在探索 scrollorama jquery 插件（http://johnpolacek.github.io/scrollorama/）

到目前为止一切都很好，这是一个很好的插件，但它不能满足我的确切需求。因为这是我的想法：当访问者滚动到某个 div 时（假设我们得到了下一个值：blockIndex = 1），我希望顶栏动画。但我真正能用 scrollorama 找到的只是让位于我们刚刚滚动到的 div 中的东西发生。

我想我有一个简单的解决方法（其中 var I = 当前块索引号），方法是： if (i != '1') { $( ".top" ).animate({opacity: 0.25,left: "+= 50",height: "toggle"}, 5000, function() {}); };

它没有显示任何结果，我也没有在互联网上找到任何解决方案。那么我基本上在寻找什么？一个有或没有scrollorama（会很棒）的解决方案，我可以跟踪当前的bloxindex 编号并使用它为网站内的其他元素设置动画。

我不确定这是否有效，但我希望能找到答案！

干杯，

瑞克

我正在使用SuperScrollorama构建一个Parallax 网站，它使用 jquery 和 css3 逐帧播放一些动画...

但最终这样做后我陷入了一个问题，我正在尝试使用一些滚动插件来导航页面......

我尝试过使用事件的基本 jquery ，使用Jquery ScrollTo和使用Tween Lite ScrollTo插件scrollTop来浏览页面，但似乎没有任何效果......

护目镜后我遇到的问题是，如果页面被固定在一起position:fixed;并且页面不会滚动到该位置并卡在...

使用 Jquery ScrollTo，我的代码：-

使用基本的 scrollTop jquery，我的代码：-

目前我的代码是这样工作的：- http://jsfiddle.net/tFPp3/6/

正如您在我的演示中看到的那样，滚动卡在通过哈希到达确切位置之前...

如果我必须玩 Superscrollorama 中的固定元素，解决方案是什么？

TweenMax的文档指出，第二个参数to()是：

duration:Number — 以秒为单位的持续时间（或基于帧的补间以帧为单位）

我不明白这对以下代码段意味着什么：

如果PARAM设置为 1，则补间按预期工作（元素平滑地更改其颜色）。如果我将其设置为 0，则没有平滑过渡，而是在坐标 500 处立即过渡。

我猜在这个例子中这个参数并不意味着以秒为单位的持续时间，而是意味着帧。是这样吗？那究竟意味着什么？

我正在尝试使用 SuperScrollorama 为枪制作动画。这个想法是当用户向下滚动时枪会开火。这涉及一些相当复杂的补间。

这是我到目前为止所拥有的（*在 Firefox 中效果最好）：

https://googledrive.com/host/0B8V6b1tb9Ds5cDBYTlJpOWhsb1U/index.html

现在我已经扣动了扳机并且锤子向后旋转，我需要使锤子在达到旋转：-25 后快速旋转：0。我只是不知道如何附加这个时间线。

这是我的脚本：

我将不胜感激任何人可以给我的任何帮助。我在Superscrollorama网站上阅读了尽可能多的内容，并查看了各种代码片段。还是想不通。

我正在开发一个带有 superscrollorama 固定动画的网站，并且在 OSX 10.8.4 设备上存在一些问题。Safari 6 浏览器存在问题。

有一个站点导航，其中窗口使用 Greensock 的 ScrollToPlugin 滚动到 Y 位置。

在具有所有主要浏览器（Safari 也是）的 Windows 和 Linux 机器上一切都很好，但在 Macbook Pro 上的 Safari 6.0.5 和 OSX 10.8.4 操作系统中，随机数量的像素后滚动停止（它适用于 OSX 机器上的其他浏览器） .

当再次单击导航链接时 - 页面滚动更多但再次停止等等，同时它到达正确的 Y 位置。

我想知道，也许有人遇到过类似的问题并可以分享解决方案？

尝试使用 superscrollorama 为滚动图片制作动画！我的问题是当我滚动回顶部时，它不起作用！我正在使用的代码是：

任何想法？提前致谢！

我试图通过将其集成到我的视图中来了解如何将http://johnpolacek.github.io/superscrollorama/之类的插件与 Backbone.js 一起使用。我知道我需要挂钩到主干视图事件，但我想用插件做一个水平滚动，我不知道水平滚动事件。我怎样才能仍然使用该插件？提前感谢您的任何想法。

意见：