修改滚动方向

Question

修改滚动方向

11

基本上，我正在创建一个网站，分为两列。这些列的高度与浏览器相同，并且分别填充屏幕的50％。基本示例：

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

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

我还想在右侧有一个单独的滚动条（像正常的垂直网站），但当你滚动时，一边向上，另一边向下。

有人能在这里提供帮助吗？或者指导我朝特定方向前进？

Example: http://buero-buero.org/

- user981458

你试过视差滚动效果吗？ - Simon Dragsbæk

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- neurino · Accepted Answer

毫不客气地从您链接的页面上借鉴，这很简单：

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