我将使用 Mark Dalgeish 的 stellar.js 来处理一些视差。以前我使用的是 skrollr,但发现 iPad 的功能不如我喜欢的那样好。
使用 Skrollr,我能够设置动画的开始/结束点,包括开始/结束的 CSS 属性(它创建介于 tweenmax 之间的样式)。
使用 stellar.js 似乎我必须为我的一个动画的以下属性创建一个全新的函数:显示、变换、不透明度..
对于我现在和将来需要的所有 css 属性,有什么简单的方法可以做到这一点吗?
此外,我似乎无法在文档中找到我可以说的“当用户向下滚动页面 300 像素时启动此动画,并在他们向下滚动页面 450 像素后停止动画”。对此有什么想法吗?这个想法是创建一个元素从屏幕右侧淡入到大约 200 像素右侧,然后以完全不透明度停止。
如果您对它感到满意,请随意展示小提琴。谢谢!