修改滚动方向

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%;
}