我只是在为未来的项目做一些研究。我对一些 Parallax 滚动插件很有信心，但是在查看一些示例时（例如http://everylastdrop.co.uk/）而不是垂直过渡，有些会从侧面或某个角度拉动 div（或其他）。我喜欢的一个例子是我上面提到的网站上的太阳。我不确定到底该怎么做，所以想知道是否有人可以指出我正确的方向来了解这种方法的名称或提供教程的链接。我可以找到很多可爱的例子，但没有确切的方法或插件可以做到这一点！
谢谢你
问问题
1710 次
3 回答
1
我使用Skrollr.js构建了 Every Last Drop 站点，我认为您已经找到了。
GitHub 页面上的文档非常详细，而且非常易于使用。那里还有一些指向教程和其他使用示例的链接。
它可以做一些非常酷的事情，比如在滚动时在 rgb/hsl 值之间进行插值，这就是天空在开始时从黑夜变成白昼的方式。如果您对此有任何其他问题，请随时给我留言！
于 2013-03-28T09:33:42.233 回答
1
Stellar.js 将是您开始的好地方。这是一个非常棒的插件，可以简化整个视差过程。
（http://markdalgleish.com/projects/stellar.js/）
我认为您正在寻找的是视差元素和视差背景的组合。
于 2013-03-13T15:30:05.493 回答
0
看看我的投资组合网站http://anti-code.com。
它有一个视差滚动，可以在各个方向移动，无论您身在何处，3 x 4 网格面板的中心面板是主要的默认面板。
我只是使用 CSS 属性：位置、左侧和顶部将面板放置在我想要的位置，然后在 javascript 中，我生成一个包含每个面板 ID 的对象，它是左侧/顶部位置，以及宽度和高度面板在里面的包装纸。
有了所有这些信息，您就拥有了计算视差滚动站点所需的一切。
于 2013-03-13T18:10:24.007 回答