javascript – 修改滚动方向

前端之家收集整理的这篇文章主要介绍了javascript – 修改滚动方向前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以基本上,我正在创建一个分为两列的网站.这些列是浏览器的入口高度,并单独填充屏幕的50%.基本示例: @H_403_2@------------- | | | | up | down | | | | -------------

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

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

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

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

解决方法

在你链接页面上无耻地被盗,这很简单: @H_403_2@<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:

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

猜你在找的JavaScript相关文章