0

我一直在研究包裹在尾声滑块中的视差 skrollr 一段时间,但我发现我在过渡方面遇到了问题。每次滚动 skrollr 中的元素时,身体都会闪烁并跳跃。我已经阅读了每一个线程并发布了关于这个问题的答案,但没有直接的答案如何解决它。我真的很崩溃。

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

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

有人遇到过这个问题吗?

这是指向该网站的链接,因为它现在是http://www.littleluxury.co.za 移动设备和桌面设备都在滚动时不寒而栗。

如果有人能启发我为什么我看到的例子是平滑和无缝的,而我的看起来像这样,我将不胜感激。

4

3 回答 3

4

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

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

于 2013-12-23T19:01:30.247 回答
3

将此添加到 Div

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

之后应该会更好

于 2013-12-23T16:45:22.870 回答
2

是的!几天来我一直在寻找答案,而background-attachment:fixed就是答案!之后需要进行一些调整才能使其朝正确的方向滚动,但这没什么大不了的。

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

于 2014-05-10T04:04:10.527 回答