问题标签 [skrollr]

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 回答
1254 浏览

javascript - skrollr.min.js 未初始化

当我尝试初始化 skrollr 时,它只会给我这个错误:TypeError: Argument 1 of Window.getComputedStyle is not an object。会是什么呢?

0 投票
0 回答
841 浏览

javascript - 我可以设置鼠标滚轮滚动速度以匹配动画速度与 skrollr.js

我第一次使用 skrollr.js 来模拟一个原型视差网站,但是虽然我可以找到许多选项来调整和平滑链接(如菜单)的动画,但当用鼠标滚动时页面看起来很不稳定。

我认为最好的解决方法是减慢鼠标滚轮滚动以匹配页面的其余部分,这是可能的/最好的解决方案吗?

这是模拟页面的链接:http: //teahouse.server105.com/indexv4.html

这是我对 skrollr/initiate 价值观的呼吁:

0 投票
1 回答
1146 浏览

javascript - 在使用 skrollr.js 和 id 为“skrollr-body”的多个 div 时,滚动在 android 中不起作用

我将 skrollr.js 用于动画,由于某种原因滚动不起作用。在桌面上一切正常。正如文档中所建议的那样,我将所有内容都包装在一个 ID 为“skrollr-body”的 div 中,但是当我在浏览器控制台中检查呈现的 html 时,我可以看到两个具有相同 ID“skrollr-body”的 div。第一个是空 div,另一个 div 是我添加的包装器 div。请帮忙。

这是呈现的 HTML

谢谢,查兰。

0 投票
1 回答
345 浏览

skrollr - 具有多个相关关键帧的 Skroll 问题

我正在使用Skrollr并尝试设置多个相对关键帧。目前这对我不起作用。

在过去的几天里,我一直在为此烦恼。任何帮助将不胜感激!

0 投票
0 回答
442 浏览

jquery - jQuery 使用 Skrollr 在元素中添加属性

当我放入我的 HTML 文件时,我有这个代码工作。

但是当我使用Jquery添加属性时,它不起作用。

HTML:

查询

这东西有什么解决办法吗?

0 投票
1 回答
118 浏览

javascript - 让 Scrollr 菜单文本从正常宽度变为粗体再到正常 onScroll

我试图在屏幕上显示相应内容期间使菜单项显示为粗体,然后在滚动该内容后恢复正常。

我已经尝试了很多方法来做到这一点,但它似乎并不奏效。我可以让它在正确的时间变粗,但是当我尝试添加属性以使其恢复正常时,它会完全停止工作。这是我正在尝试使用的当前方法:

0 投票
1 回答
5505 浏览

javascript - Skrollr 视差不适用于 iOS 和 Android 设备

我正在使用Skrollr库来构建一个 Parallax 网站,但是在移动设备上查看时,我得到的结果好坏参半。在 iPhone 上,视差效果很有效,但图像的位置与在桌面上查看时的位置完全不同。

在 Android 上,视差效果根本不起作用。

有点烦人,因为我从 Skrollr 网站下载的示例也不能在手机上运行,​​但主要的 Skrollr 网站确实可以工作。

有什么明显的我错过的东西会阻止该网站在手机上运行吗?

示例网址

http://wickywills.com/testing/skrollr/simple-parallax.html


HTML


CSS

JS

0 投票
1 回答
4508 浏览

javascript - Skrollr.js 未激活

在过去的 3 个小时里,我一直试图让 skrollr 向我展示任何东西!我尝试在正文之前,在标题中调用脚本,并尝试了一大堆教程来尝试让它工作,但我不确定为什么它根本不起作用。

<head>我有

好的,根据@melc 我做了一些更改,下面的一个是主要的。仍然没有运气。

在我的摘要行(导航正下方的div)中,我有

据我所知,当 h3 距离顶部 200 像素时,这应该会使该容器内的内容消失。

我试过用很多不同的方式来称呼它,但还是没有运气!

现场直播

0 投票
2 回答
778 浏览

javascript - 如何使背景移动比 Skrollr 中的文本慢?

t似乎我在这里的示例中做了,但我的背景移动得比文本快。我做错了什么?

我的 HTML:

0 投票
1 回答
2266 浏览

javascript - Skrollr:如何暂停部分?

有人可以解释使用 Skrollr.js 在场景中创建暂停的数据属性吗?我想创建一个小动画,但不确定如何实现它。插件是否只是等待您完成动画,然后才能向下滚动到下一个暂停?