【发布时间】：2014-12-22 11:09:52
【问题描述】：
我想在 js 中制作一个简单的滚动 div 动画，您可以在此处找到 grooveshark。
如您所见，动画会对向上/向下滚动和水平移动做出反应。 这通常是我需要的。如何在 js 中轻松确定此功能？谢谢
【问题讨论】：
-
你试过什么？
标签： javascript css animation scroll
【发布时间】：2014-12-22 11:09:52
【问题描述】：
这叫做视差。
您可以自己使用 CSS 属性更改和滚动检测事件的组合来实现这一点，或者只使用像 SkrollR http://prinzhorn.github.io/skrollr/ 这样的插件
对于这个特定的示例，您可以看到该 div 的内联样式在滚动时发生更改（在开发人员工具中）：
<div class="albums-holder" style="background-position: 1174px 50%;">...
你可以在滚动事件上这样做：
$(window).scroll(function() {
$(".albums-holder").css( "background-position", [VALUE]);
});
[VALUE] 将通过每次将背景位置递增/递减一个值来计算。
编辑：我没有提到，我的回答是基于你在页面上有 jQuery 的假设，我建议它用于这样的任务。
【讨论】：
-
非常感谢您的完整回复！
-
没问题的朋友，顺便说一句，不错的网站，又好又简单。