修改滚动方向

Question

基本上，我正在创建一个分为两栏的网站。这些列位于浏览器的中间高度，并分别占据屏幕的 50%。基本示例：

 -------------
|      |      |
|  up  | down |
|      |      |
 -------------

我设计了这个。每列都是一个 div，并且都垂直滚动。我想要的是能够滚动任一 div，并且右侧的滚动方向与左侧的滚动方向相反；但它们同时滚动。

我还希望右侧有一个滚动条（就像普通的垂直网站一样），但是当您滚动它时，一侧向上，另一侧向下。

有人可以在这里提供帮助吗？或者给我指出一个特定的方向？

示例： http://buero-buero.org/

Answer 1

无耻地被你链接的页面盗走了，这很琐碎：

<script>
function crisscross() {
$('down-left').style.bottom = '-' + window.scrollY + 'px';
$('down-right').style.bottom = '-' + window.scrollY + 'px';
$('left').style.left = '-' + window.scrollY + 'px';
$('right').style.right = '-' + window.scrollY + 'px';
}
</script> 

编辑：

回答你的评论：

A）window.scrollY是页面的垂直滚动量，你绝对使用反向绝对位置定位您的 #down div。如果你不明白它，你至少应该弄乱它一段时间来理解它，或者更好的是，学习 window.scrollY 和 jquery $().style工作。

B）这不是你可以投入积分的代码量……这不是偷窃，而是简单地不是重新发明轮子。

C) 没明白重点，抱歉，#down-right 就是您在问题中提出的问题：一个 div 沿滚动条的相反方向滚动。

再次编辑：

别忘了看看 css：

div#down-right {
    bottom: 0;
    position: fixed;
    right: 6%;
}