2011-10-27 49 views
11

所以基本上,我创建了一个网站,它分成两列。这些列是浏览器的entre高度,并单独填满50%的屏幕。基本示例:修改滚动方向

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

我设计了这个。每列都是一个div,并且都是垂直滚动的。我想要的是能够滚动div,而右侧的滚动方向与左侧滚动方向相反;但他们在同一时间滚动。

我还想在右侧的单个滚动条(如正常的垂直网站),但是当您滚动时,一面向上,另一面向下。

有人能帮助吗?或者将我指向一个特定的方向?

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

+0

你结帐视差滚动? –

回答

10

由你链接的页面耍赖被盗,这是相当简单:

<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> 

编辑:

回答您的评论:

一)window.scrollY是页面垂直滚动的数量,你只需绝对定位你的#down div与反向绝对位置。如果你不理解它,你至少应该弄一会儿才能理解它,或者更好的学习window.scrollY和jquery $().style是如何工作的。 B)这不是代码数量,你可以把信用放在......它不是偷窃,而是根本不重新发明轮子。

C)不明白这一点,对不起,#down-right是你在问你的问题:一个div在滚动条的相反方向滚动。再次

编辑:

不要忘了给看看CSS太:

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

哈哈。我看到他们的网站,但: A)不明白它。谁能解释一下? B)不想偷它。 C)另外,如果向下滚动到HTML,则有其他元素。例如,“左上”。 – user981458

+0

我必须问!源码在他们的页面上加密,你是如何窃取它的? – CyberFox

+1

当时我不回答;) – neurino