Skrollr抖动和跳跃绝对定位

时间:2013-12-23 15:08:51

标签: javascript jquery html css skrollr

我一直在使用包裹在尾声滑块中的视差skrollr一段时间,但我发现我遇到过转换的问题。每次滚动skrollr中的元素都会闪烁并跳转。我已经阅读了每一个帖子并发布了相关内容而没有直接的答案如何修复它。我真的很想结束。

我一直在使用元素的绝对位置,并使skrollr身体成为一个绝对的位置,没有运气。

我将平滑滚动设置为false,因为帧之间的补间也非常分散注意力。

有人有这个问题吗?

这是现在的网站链接http://www.littleluxury.co.za 滚动时,手机和桌面都会发抖。

如果有人可以告诉我为什么我看到的例子是平滑而无脑的,而我看起来像这样,我会非常感激。

3 个答案:

答案 0 :(得分:4)

向下滚动 - >元素向上移动,因为它们在文档流程中 - > skrollr的下一个动画循环开始(几毫秒后) - >由于你的动画,它会将元素移动到不同的位置

我建议将元素固定并使用translate()移动它们。

答案 1 :(得分:3)

将此添加到Div

 <div data-smooth-scrolling="off">

之后应该会更好

答案 2 :(得分:2)

YES!我现在一直在寻找答案,并且背景附件:已修复就是答案!之后需要进行一些调整以使其向正确的方向滚动,但这并不是什么大问题。

请参阅http://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website以获得一个非常详细的教程,该教程可以平滑滚动并使用固定的背景技术。