所以基本上,我正在创建一个分为两列的网站.这些列是浏览器的入口高度,并单独填充屏幕的50%.基本示例:
------------- | | | | up | down | | | | -------------
我设计了这个每列都是一个div,并且都是垂直滚动的.我想要的是能够滚动任何一个div,右边的滚动方向与左边的方向相反;但它们同时滚动.
我也喜欢在右边的一个滚动条(像一个正常的垂直网站),但滚动时,一边上升,另一边下降.
有人能帮助吗?还是指向一个特定的方向?
解决方法
在你链接的页面上无耻地被盗,这很简单:
<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%; }