2011-10-27 13 views
11

基本的には、2つの列に分割されたサイトを作成しています。これらの列は、ブラウザのエントリー高さに移動し、画面の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> 

編集:

答えるあなたのコメント:

A )window.scrollYは、ページの垂直スクロール量です。#down div絶対位置を逆絶対位置にするだけです。あなたがそれを理解していないなら、それを理解するためにそれをしばらく混乱させるべきです、または、より良い方法は、window.scrollYとjquery $().styleの仕組みを学びます。

B)クレジットを置くことができるコードの量ではありません。それは盗むのではなく、単にホイールを再発明しないことです。

C)申し訳ありませんが#down-rightはあなたの質問にお答えしています:divスクロールバーの反対方向にスクロールします。

編集再び:

もCSSで外観を与えることを忘れないでください:

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

ハハ。 Yer私は自分のサイトでそれを見ましたが、 A)それを理解していない。誰でも説明できますか? B)それを盗みたくありません。 C)また、HTMLまでスクロールすると、他の要素があります。例えば「左上」。 – user981458

+0

私は尋ねなければならない!ソースは自分のページで暗号化されていますが、どうやってそれを盗んだのですか? – CyberFox

+1

私が答えた時点ではなかった;) – neurino

関連する問題