修改滾動方向

Question

所以基本上，我創建了一個網站，它分成兩列。這些列是瀏覽器的entre高度，並單獨填滿50％的屏幕。基本示例：

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

我設計了這個。每列都是一個div，並且都是垂直滾動的。我想要的是能夠滾動div，而右側的滾動方向與左側滾動方向相反;但他們在同一時間滾動。

我還想在右側的單個滾動條（如正常的垂直網站），但是當您滾動時，一面向上，另一面向下。

有人能幫助嗎？或者將我指向一個特定的方向？

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

Answer 1

由你鏈接的頁面耍賴被盜，這是相當簡單：

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