skrollr

0热度

1回答

我正在制作滚动故事。所有div都相互位于顶部，并通过滚动动画相互淡入淡出。当某些div显示时，我需要在背景中播放一些音乐和音频，所以我认为最简单的方法是使用某种if opacity is more than 0 on div 1 play this audio。但我不知道这是可能的，通过jQuery和如何工作？褪色动画是BTW控制与skrollr。这是一个用于幻灯片滚动等的CSS动画库。

2热度

3回答

在水平滚动上移除或模糊线条？

我正在使用“Skrollr”在水平滚动网站上工作。我正在尝试排列图片并制作滚动循环。然而，无论我做什么，图片之间似乎都有一条非常细的白线。无论如何，使部分/图片重叠几个像素或任何其他解决方案来解决这个问题？我创建了一个JSFiddle来演示这个问题。我还列出了下面的基本设置。 https://jsfiddle.net/9xvu128g/ 更新：这种情况无论所使用的图片看到这第二的jsfiddle：

1热度

1回答

Skrollr页面上的移动导航栏水平滚动

我的移动导航栏位置固定在屏幕底部并溢出到右侧。我希望能够水平滚动，但是，skrollr似乎捕获滚动事件并将其转换为垂直滚动。一旦我禁用skrollr，我可以水平滚动导航栏。我试着将navbar的zindex尽可能地高，但skrollr仍然会触摸它。这可能吗？编辑：想上传的什么，我想实现，使之更加清晰的草图。的叠加位置固定，坐在屏幕的底部，Z指数高于一切，用它的内容溢出到右： white

-2热度

1回答

Javascript回调未按正确顺序发射

我正在使用jQuery，skrollr和skrollr-menu创建特定的导航动画。我希望动画如下：链接黑色格消失在页面页面滚动下方的位置黑色格淡出和关上用户点击页你可以在http://www.gramercyparkhotel.com/看到一个动画的例子。这似乎很简单，但是，当<div>渐隐时，滚动会在动画结束前触发，导致滚动内容在屏幕变黑之前闪烁。这不应该发生，因为所有事情都是使用回

0热度

1回答

flexslider和skrollr background-attachment：fixed;将让幻灯片消失

我试图用skrollr.js添加视差效果到flexslider，这一切都工作到目前为止。我的问题是，我不能设置幻灯片： slides li { background-attachment: fixed; } 它会让幻灯片消失。没有背景固定我不能达到想要的效果。我曾尝试，然后再加载flexslider skrollr以确保HIGHT等将skrollr事后计算.. 我也删除的WebKit在fl

2热度

1回答

水平滚动行为的垂直内置

页我都基于相同的概念，这个演示建立了自己的网页：https://ihatetomatoes.net/demos/full-screen-layout-with-skrollr/ 问题是，当没有经验的用户浏览他们的移动设备。他们立即尝试在页面中间水平滚动。我的意图是启用水平滚动，因为它也是垂直的。这将是解释在iPad上的“滚动”权利将等于垂直向下滚动。除了正常的垂直滚动。是否有任何jQuery

2热度

1回答

Skrollr - 任何其他jQuery动画冲突

Skrollr是惊人的插件。然而，作为初学者，我遇到了一些问题，这些问题似乎是我在这里失踪的一些明显的细节，它不会让我创建任何其他常规的jQuery动画来工作。下面有到测试端的链接显示的问题： www.vieckowski.com/test 简单。如果我从index.html中删除Skrollr驱动部分，则可以通过单击白色按钮来设置绿色元素的高度。如果我放回Skrollr驱动部分，jQuery将停

3热度

2回答

白色补丁出现在图像中，网站不滚动到其全长，skrollr js移动视差问题

以下所有问题都是在通过手机访问时发生的。我为我的客户之一使用了skrollr js。共有4个视差部分。前两幅图像完美地工作，但第三幅图像很小，最后一幅几乎是半空白（白色斑块）。随着这个问题，网站不滚动到其全长。更详细地说明： IMG1：白色补丁可见。它不是恒定的，有时会出现完整的图像，有时它不 IMG2：网站无法所示部分的下方滚动。 JavaScript的，我现在用的就是： var s =

4热度

1回答

在React中动态设置属性键（例如data- {foo} =“bar”）

如果您知道该键，则在React中设置属性非常简单。 data-500={this.props.YDistance} 但如何能一个动态设置键的一部分。例如 data-{this.props.YDistance}="valueHere" var Test = React.createClass({ render: function() { return ( <div

3热度

1回答

与溢出元素skrollr问题：滚动

我想借助skrollr制作一些漂亮的单页与一些动画。举一个非常简单的例子，有三张幻灯片，幻灯片只是固定位置，宽度和高度均为100％，最后一张幻灯片有一个溢出：自动启动，这样就可以滚动其内容，不需要任何动画，并且可能不会需要超过100％的高度，例如。关于，请联系我们和页脚部分。我的理解是，我可以使用skrollr来设置不透明度0或元素上的无显示。第一个和第二个Z-index比第三个Z-index要