问题标签 [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 回答
163 浏览

javascript - Skrollr 内容在 iOS 上闪烁和消失

我最近使用 skrollr 建立了一个网站,它在桌面上的行为与预期一样,但在 iOS 上却完全没有。

在 iOS 上,网站将开始加载,显示一些内容,然后变为空白页面,只有菜单仍显示在顶部。

我设法让它再次开始在 iOS 上工作的唯一方法是开始删除部分。我想也许我会通过消除过程来解决问题部分,但事实证明,我删除哪些部分并不重要,只要我删除一些.

我在几个不同的项目中使用了 skrollr,但在其他地方还没有看到这种情况发生,尽管我在挖掘,但它让我很困惑。

这是网站。如果有人有任何见解,将不胜感激

0 投票
0 回答
156 浏览

javascript - Scrollr如何不显示其他元素?

嗨,我正在尝试设置不显示任何不可见的元素,有没有办法做到这一点

例如现在我有,

我想当第 1 页在 home 的顶部时,home 是 display:none;,我正在通过互联网寻找类似回调函数的东西,当到达位置但没有成功。

0 投票
1 回答
2284 浏览

javascript - Skrollr 基于 FIXED 的菜单导航与 animateTo?

我使用基于固定位置的全屏面板使用 skrollr 构建了一个非常简单的网站,我通过 transform:translating 滚动并想添加一个导航栏。我不能在这种类型的设置中使用 skrollr-menu 是对的吗?

是否可以在单击事件上使用 animateTo 来导航某个面板?例如,要进入第 2 页,我可以只制作一个动画到 100p 的按钮吗?

谢谢。

0 投票
1 回答
4191 浏览

javascript - 调整窗口大小时刷新 Skrollr

我正在使用基于我的窗口高度的常量 - 所以如果用户调整浏览器的大小,高度可能会改变。我显然想在调整窗口大小时重新计算浏览器高度。这是我目前拥有的,但它似乎不起作用:

我试图在页面调整大小上调用 resize_articles 函数以及我在环顾四周时发现的另一个片段 - 但似乎都不能正常工作。我设置错了吗?

0 投票
1 回答
609 浏览

javascript - Skrollr 不会在 iOS 或 android 浏览器中隐藏工具栏

我正在使用 skrollr 在网站中实现多个目标(类似视差的背景、更改元素不透明度等),它在桌面和移动设备上都运行良好。

我注意到的唯一问题是移动操作系统浏览器不再隐藏工具栏。一旦我禁用了 skrollr,一切都很好 - 工具栏在我开始滚动页面后立即消失。使用 skrollr 时,工具栏始终可见。

有没有办法使用 skrollr 并且仍然保持常规的浏览器行为?

让我知道是否有任何其他信息可以帮助您理解问题。

谢谢

0 投票
0 回答
381 浏览

jquery - Skrollr.js 简单的视差 bg 图像

我正在使用 skrollr.js 在背景图像上创建一个简单的视差效果。我有三个 100% 的宽度和高度部分。然后我将第一个的 bg 位置移动 500 个滚动像素的持续时间。问题是我在这样做时得到了不需要的空白,我相信它是由于改变 bg 位置而存在的。

这是相关示例的链接。下面是这个效果的代码:

0 投票
4 回答
6684 浏览

skrollr - 如何在移动设备上禁用 Skrollr?

我想在宽度小于 640 像素的屏幕上禁用 skrollr。手机/平板电脑上基本上没有动画。我试过这个https://github.com/Prinzhorn/skrollr/issues/350但它不起作用。

0 投票
1 回答
373 浏览

ios - IOS 中 skrollr 的视差图像跳跃

我在Totalsportsus.com/wordpress上有一个有趣的视差网站,但我似乎无法让 skrollr 与我的 ipad mini 一起玩。它是功能性的,除了当我向下滚动页面时,它会在底部附近跳下来。我的页脚也不见了,这可能是相关的。任何帮助表示赞赏!

0 投票
2 回答
6806 浏览

javascript - Skrollr 背景:应用于图像的位置属性不起作用

我正在尝试使用滚动条为一些图像的不透明度和视差位置属性设置动画。

Opacity 在 img 和 div 标签上完美运行,但 position 属性不起作用。

我尝试将 background-position 属性应用于 img 标签和 div 标签,但它不起作用。

我究竟做错了什么?

http://jsfiddle.net/Eq87X/3/

谢谢

0 投票
0 回答
600 浏览

jquery - skrollr 动画完成时触发 js 函数

当给定的 Skrollr 动画完成时,是否有人需要触发单个函数?有一个“完成”的方法,但我没有找到如何实现这一点的解释。在此先感谢,抱歉没有要粘贴的代码:-\

html:

js:

这只是插件的启动。

https://github.com/Prinzhorn/skrollr