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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...