javascript – 修改滚动方向

所以基本上,我正在创建一个分为两列的网站.这些列是浏览器的入口高度,并单独填充屏幕的50％.基本示例：

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

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

我也喜欢在右边的一个滚动条(像一个正常的垂直网站),但滚动时,一边上升,另一边下降.

有人能帮助吗？还是指向一个特定的方向？

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

解决方法

在你链接的页面上无耻地被盗,这很简单：

<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)不要点,对不起,#右下角是你在问题中提出的问题：一个div在滚动条的相反方向滚动.

再次编辑：

不要忘了看一下css：

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

原文地址：https://www.jb51.cc/js/155013.html