问题标签 [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 投票
0 回答
262 浏览

html - Skrollr 菜单中断

我在一个网站上使用 Skrollr 和 Skrollr Menu 作为我的高级顶点。我将这些 div 设置为在同一位置淡入和淡出,类似于幻灯片。我的问题是,当我单击上一个和下一个链接时,它会跳回页面顶部。当我单击它们时,我希望它“向下”滚动到下一张幻灯片。我曾尝试使用 data-menu-top 但没有任何运气使用它。

0 投票
1 回答
1708 浏览

jquery - Skrollr 会突然跳动而不是平滑滚动

你能帮我弄清楚为什么 skrollr(视差滚动)在这个页面上不起作用吗?

http://adoptastar.whitedwarf.org

当使用顶部的管理栏登录时,我可以一直滚动到底部,并且到最后会有一个背景星星移动的跳跃。当没有管理栏时,甚至没有跳转。如何使背景层像http://adoptastar.whitedwarf.org/parallax/一样平滑滚动?

我试过添加

到 html、body、#wrapper 和 #container,无济于事。有时在 Safari 中添加这个会破坏导航栏锚点,例如http://adoptastar.whitedwarf.org/#adopt(#container 的底部会跳到页面底部的上方,#container 中的内容会出现超出#container 的底部)。

0 投票
1 回答
692 浏览

html - Skrollr 只显示结束关键帧,除非我调整窗口大小

对不起,因为我是一名设计师,所以我不太了解 JavaScript。

我有两个处于相对模式的动画,当您最初查看它们时,它们会显示在它们的结束关键帧处,即使它们应该位于它们的开始关键帧处(在滚动时)。如果您以任何方式调整浏览器窗口的大小,它们会假定它们的行为正确并跳回它们应该在的开始关键帧。但是,如果您再次刷新页面,它们总是在最后的关键帧处加载,这让我认为它们得到了错误的视口大小或滚动位置。

这是网站:http: //vostrocity.dreamhosters.com/#skills

例如,除非我调整窗口大小,否则以下仅显示其结束关键帧:

我有一个绝对模式的动画,它可以在不调整浏览器窗口大小的情况下正常工作。

0 投票
1 回答
1654 浏览

javascript - 如何在不影响页面高度的情况下添加 skrollr-body 标签?

首先,事实证明,skrollr 非常有帮助,这要感谢那些负责的人。

我试图在除了固定背景之外的所有元素周围添加 skrollr-body 标签,我认为我做得正确,所以它可以在移动设备上使用,但它会裁剪页面顶部,我不知道为什么。

没有 Skrollr-body 的页面(我希望它看起来如何) - http://olivershilling.co.uk/demo.html

带有 Skrollr-body 的页面(导致问题) - http://olivershilling.co.uk/demo-2.html

有任何想法吗?否则我可能会在小屏幕上禁用它。

非常感谢

0 投票
1 回答
10000 浏览

css - 网站不会在移动设备上滚动

该网站不会在移动设备上滚动。我以前见过这个问题,但这似乎不是通常的嫌疑人。我没主意了。

0 投票
1 回答
255 浏览

javascript - 如何将两个 skrollr 触发器添加到一个元素?

当我到达 div #portfolio 时,此代码当前会更改导航上的文本颜色。有什么方法可以添加另一个具有不同数据锚目标的触发器?我可能会添加到同一个按钮。

0 投票
0 回答
79 浏览

jquery - 尝试通过 jQuery 附加要与 skrollr 一起使用的属性

我正在尝试通过 jQuery 设置一个与 skrollr 一起使用的属性,但我似乎运气不佳。

html:

jQuery:

这似乎不起作用..但我不是 100% 确定为什么?

0 投票
1 回答
1321 浏览

jquery - Skrollr:fullPage.js 兼容性

指定这个问题:https ://github.com/Prinzhorn/skrollr/issues/444

源代码可以在这里找到

当我在第二部分中滚动时,我希望它们 kittehs 200x200 通过 skrollr 数据属性移动到中心。即 skrollr 的一个实例应该会影响 <div class="skrollr-1">. 只是不要明白什么是错的。控制台保持安静。

SlimScroll.js 将 div.skrollr-1 包装成两个块:

作者认为这是不恰当的。但是在这些 div 上设置 overflow:auto!important 无效。

UPD自 skrollr

从窗口获取滚动位置

我尝试使用文档中引用的视口模式,但没有效果。

UPD2不太确定我是否正确理解了 skrollr zen,在未提供将 skrollr 粘贴到 DOM 元素时,视口模式是如何工作的?

UPD3 FullPage.js 开发人员报告说问题不在于他的插件

耐心是一如既往的关键。宇宙级感谢任何想法

0 投票
2 回答
4030 浏览

javascript - Skrollr 淡出文本

我正在尝试使用 skrollr 淡入和淡出文本。下面是代码片段

CSS如下

淡入淡出按预期工作。但是文本未与中心对齐。我应该使用带有数据属性的位置来实现这一点,还是我哪里出错了。

0 投票
1 回答
2746 浏览

parallax - Skrollr - 相对 div 中的视差背景在视口中途停止滚动

我一定尝试了半打教程和几天试图弄清楚如何使用 skrollr 构建一个非常简单的视差布局。

我有 3 个包含背景图像的 div,每个 div 位于页面下方的不同位置。每个都应该有它的背景滚动相对于它在视口中的位置,而不是在页面布局上。

我一生都无法理解如何指定相对模式,并让我的背景图像在视口中可见的时间内滚动。他们在完成滚动视口之前停止滚动。

我的演示页面在这里:http: //3fishbeta.co.uk/build/040-skrollr/05-skrollr-positioning

页面上的第一个图像容器是:

我只是不了解数据顶部或数据底部设置。图像应该继续滚动,直到它的容器离开视口但它提前停止。

换句话说,当容器的顶部到达视口的顶部时,图像停止移动......它应该是容器的底部......我想。

任何人都可以帮忙吗??!