如何在滚动时从左到右移动 div？

Posted 2023-03-06

【中文标题】如何在滚动时从左到右移动 div？

【英文标题】：How to move left to right a div on scroll?

【发布时间】：2014-12-22 11:09:52

【问题描述】：

我想在 js 中制作一个简单的滚动 div 动画，您可以在此处找到 grooveshark。

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

【问题讨论】：

你试过什么？

你试过谷歌吗？ ***.com/questions/2346958/…

【参考方案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 的假设，我建议它用于这样的任务。

【讨论】：

非常感谢您的完整回复！

没问题的朋友，顺便说一句，不错的网站，又好又简单。