问题标签 [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.
javascript - skrollr.min.js 未初始化
当我尝试初始化 skrollr 时,它只会给我这个错误:TypeError: Argument 1 of Window.getComputedStyle is not an object。会是什么呢?
javascript - 我可以设置鼠标滚轮滚动速度以匹配动画速度与 skrollr.js
我第一次使用 skrollr.js 来模拟一个原型视差网站,但是虽然我可以找到许多选项来调整和平滑链接(如菜单)的动画,但当用鼠标滚动时页面看起来很不稳定。
我认为最好的解决方法是减慢鼠标滚轮滚动以匹配页面的其余部分,这是可能的/最好的解决方案吗?
这是模拟页面的链接:http: //teahouse.server105.com/indexv4.html
这是我对 skrollr/initiate 价值观的呼吁:
javascript - 在使用 skrollr.js 和 id 为“skrollr-body”的多个 div 时,滚动在 android 中不起作用
我将 skrollr.js 用于动画,由于某种原因滚动不起作用。在桌面上一切正常。正如文档中所建议的那样,我将所有内容都包装在一个 ID 为“skrollr-body”的 div 中,但是当我在浏览器控制台中检查呈现的 html 时,我可以看到两个具有相同 ID“skrollr-body”的 div。第一个是空 div,另一个 div 是我添加的包装器 div。请帮忙。
这是呈现的 HTML
谢谢,查兰。
skrollr - 具有多个相关关键帧的 Skroll 问题
我正在使用Skrollr并尝试设置多个相对关键帧。目前这对我不起作用。
在过去的几天里,我一直在为此烦恼。任何帮助将不胜感激!
jquery - jQuery 使用 Skrollr 在元素中添加属性
当我放入我的 HTML 文件时,我有这个代码工作。
但是当我使用Jquery添加属性时,它不起作用。
HTML:
查询
这东西有什么解决办法吗?
javascript - 让 Scrollr 菜单文本从正常宽度变为粗体再到正常 onScroll
我试图在屏幕上显示相应内容期间使菜单项显示为粗体,然后在滚动该内容后恢复正常。
我已经尝试了很多方法来做到这一点,但它似乎并不奏效。我可以让它在正确的时间变粗,但是当我尝试添加属性以使其恢复正常时,它会完全停止工作。这是我正在尝试使用的当前方法:
javascript - Skrollr 视差不适用于 iOS 和 Android 设备
我正在使用Skrollr库来构建一个 Parallax 网站,但是在移动设备上查看时,我得到的结果好坏参半。在 iPhone 上,视差效果很有效,但图像的位置与在桌面上查看时的位置完全不同。
在 Android 上,视差效果根本不起作用。
有点烦人,因为我从 Skrollr 网站下载的示例也不能在手机上运行,但主要的 Skrollr 网站确实可以工作。
有什么明显的我错过的东西会阻止该网站在手机上运行吗?
示例网址
http://wickywills.com/testing/skrollr/simple-parallax.html
HTML
CSS
JS
javascript - Skrollr.js 未激活
在过去的 3 个小时里,我一直试图让 skrollr 向我展示任何东西!我尝试在正文之前,在标题中调用脚本,并尝试了一大堆教程来尝试让它工作,但我不确定为什么它根本不起作用。
在<head>
我有
好的,根据@melc 我做了一些更改,下面的一个是主要的。仍然没有运气。
在我的摘要行(导航正下方的div)中,我有
据我所知,当 h3 距离顶部 200 像素时,这应该会使该容器内的内容消失。
我试过用很多不同的方式来称呼它,但还是没有运气!
javascript - 如何使背景移动比 Skrollr 中的文本慢?
t似乎我在这里的示例中做了,但我的背景移动得比文本快。我做错了什么?
我的 HTML:
javascript - Skrollr:如何暂停部分?
有人可以解释使用 Skrollr.js 在场景中创建暂停的数据属性吗?我想创建一个小动画,但不确定如何实现它。插件是否只是等待您完成动画,然后才能向下滚动到下一个暂停?