Javascript 不同速度的垂直滚动列

我想创建一个包含3列的界面，每列都有混合内容（文本、图像和视频），并希望它们同时以不同的速度垂直滚动。有没有一种相对简单的方法可以通过html、css和/或javascript实现这一点

另外，我知道视差滚动，但我遇到的实现似乎主要是关于使用图像作为背景来创建三维错觉。

类似：

您可以通过以下方式启用它：

$('div:eq(0)').makeScroll(75); // moderate speed

您想实际滚动内容吗

$('.column').animate({
    scrollTop: $('.column').height() - $(window).height()
}, 1000);

这将在1秒内向下滚动您的列。调整每列的速度

编辑：

---

我以为你的柱子就是窗户的高度。如果没有，则必须调整

滚动条
我认为一个简单的解决方法是创建具有以下属性的3个div元素：

溢出：隐藏；
宽度：x像素（固定宽度）
高度：x px（固定高度）
顶部：0px；
左：x-px

然后必须捕获onscroll事件并设置top属性

例如

第1部分：顶部：-100px

第2部分：顶部：-300px

第3部分：顶部：-500px

我希望我的描述是清楚的：）
这应该行得通
这个答案非常有效而且很好。我不是向下投票人，但在提供解释之前，我会将pimvdb的分数调平。谢谢@pimvdb，这与我所寻找的非常接近-现在，我可以通过浏览器的本机滚动来控制这种行为吗（当我使用鼠标滚轮滚动时，这些列将以这种方式滚动）？@Engin埃尔多安：你的意思是想改变手动滚动的速度吗？我不确定，但我会摆弄一下。我希望浏览器的滚动速度在所有3列中都有所不同。我想要的行为与您在JSFIDLE中输入的行为完全相同，只是我希望通过上下滚动键或鼠标滚轮来触发该行为。@Engin Erdoğan:这是我能想到的最好的方法，但它非常粗糙：。谢谢Joseph，我应该指定，我正在尝试让鼠标滚轮触发该行为，有什么想法吗？我不确定我是否完全理解你的意图。你是说你不希望它自动滚动，而是说当用户滚动时，每一列的滚动速度应该不同？确切地说，是用户滚动。我正试图让这些列以不同的速度同时滚动。这有意义吗？如果您仍然需要其他帮助，您可以在这里尝试回答一个非常类似的问题：
$('.column').animate({
    scrollTop: $('.column').height() - $(window).height()
}, 1000);