javascript – 修改滚动方向

前端之家收集整理的这篇文章主要介绍了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%;
}

猜你在找的JavaScript相关文章