问题标签 [superscrollorama]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
217 浏览

superscrollorama - Superscrollorama,我是新手,第一个元素不起作用

我正在尝试使用 Superscrollorama 插件创建一个网络,但我遇到了严重的问题才能启动它。

仅适用于第一项 (#logo1) 而下一项无效... (#logo2 & #bg = 背景)

我希望第一个徽标项目(圆圈---> #logo1)从左侧出现,字母(#logo2)来自不透明度,背景(#bg)也出现在logo1和2之前出现之后。

有什么问题?提前致谢!(对不起我的英语不好)

这是链接:爱德华多·马丁

0 投票
1 回答
321 浏览

plugins - 是否可以将 Super Scrollorama 与 Zurb Foundation 4 一起使用?

我对此很陌生。我正在尝试将 Super Scrollorama 与 Zurb Foundation 4 一起使用。根据:

http://johnpolacek.github.io/superscrollorama/

首先,链接到 jQuery CDN,然后嵌入 TweenMax.js 和 SuperScrollorama。

但是,我似乎无法通过第一步?当我尝试将 Super Scrollorama 添加到 Foundation 4 项目时,仅导入 JQuery 似乎会破坏 Foundation 4. TweenMax.js 链接就好了。

我正在使用此代码链接它:

有任何想法吗?这可能吗?我在 Google 上进行了搜索,似乎没有任何教程显示如何将 Super Scrollorama 与 Zurb Foundation 4 一起使用。

0 投票
2 回答
515 浏览

jquery - jquery superscrollorama 固定 bgimg

我需要从几个元素中滚动。在这种情况下,这里从三张图片。

这样做没问题,但我试图实现的是,在我的滚动事件期间,bg 保持不变(或多或少固定),并且在滚动事件完成后,背景继续移动。

html:

CSS:

jQuery:

我试图给 bg 第一个固定位置,但在滚动事件之后他跳回开始......

我还尝试使用 superscrollorama pin 功能为 minerWrapper 提供固定位置,但这只会导致矿工在活动期间静止不动,但背景会继续移动,我需要一切都静止并且滚动事件移动一些东西。

问候蒂米

我需要

0 投票
2 回答
685 浏览

jquery - Superscrolloroma 偏移,动画应在部分进入视口时开始

我正在尝试为我的动画创建偏移量,因此它们在 pin 帧位于顶部之前开始,甚至在新部分进入视口时立即开始动画。

我已经尝试将偏移量放在附加动画的末尾,但这不起作用......

有任何想法吗?

0 投票
1 回答
197 浏览

javascript - jquery仅在一个函数完成后才启动一个函数

我想知道是否可以仅在前一个功能完成后才启动功能。我在下面列出了两个函数,我试图一个接一个地运行。谢谢!

功能二:

0 投票
1 回答
816 浏览

html - Scrollorama——“别针”

我正在尝试从scrollorama(http://johnpolacek.github.io/scrollorama/)实现“pin”功能,但我不确定我使用哪些代码部分来拉入我自己的文件。

我在哪里调整它在屏幕上的固定位置等?它是如何直接连接到“#unpin”和 h2 元素的?

0 投票
1 回答
318 浏览

javascript - 按顺序显示动画 SVG 元素

我有一个带有简单矢量地图图像的站点,我正在尝试在其上绘制线条,这些线条一个接一个地显示为查看器。

我已经走到了这一步;

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

但我不知道如何一一显示线条。

顺便说一句,我也在努力使用 superscrollorama。

我会很感激任何线索!

0 投票
1 回答
917 浏览

superscrollorama - 尝试从Superscrollorama页面中提取一个示例,请帮助~!

我正在尝试编写简化以从链接javascript运行特定示例。

我要使用的示例是“展示”部分,其中标题“展示”淡入并出现图像。我希望提取相关的 html 和 javascript 来运行它。

我下载了示例文件并设法减少了不必要的 html。

但是,我就是不能简化 javascript。我希望有与“展示”部分相关的线条。以下是完整版。

0 投票
1 回答
310 浏览

javascript - Superscrollorama - 如何为多个列表项设置动画?

我有一个项目列表(博客文章),当滚动到这些项目时,我想从侧面淡入并滑入。但是,如果不明确选择每个项目,我无法弄清楚如何做到这一点。

使用一个类可以简单地同时为它们设置动画,但我希望它只在需要时才对每个单独的帖子进行操作。

问题是,我不能简单地对所有项目进行硬编码,因为页面是动态的,我不知道会有多少。

有没有办法通过每个语句循环项目,以达到这种效果?

谢谢你的时间。

0 投票
1 回答
239 浏览

javascript - 使用 superscrollorama 避免页面宽度

我已经设置了一些带有 superscrollorama 的元素,当向下滚动时,一个元素从左侧进入,另一个从右侧进入,它们在中间相遇。

问题是,在向下滚动之前,用户实际上可以将页面向右滚动到元素实际隐藏的位置。

有没有办法防止这种情况发生在 superscrollorama 上?

我为 HTML 和 Javascript 编写的代码是这样的......