如何在滚动条件中从左向右移动div？

Question

我想在js中为一个简单的div设置动画，你可以在这里找到grooveshark。

如您所见，动画反应向上/向下滚动并水平移动。 这通常是我需要的。如何在js中轻松确定此功能？感谢

Answer 1

它被称为视差。

您可以使用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的假设，我建议它是为了这样的任务。