固定小数点のコンテンツ/表示を垂直ポイントに変更

ウェブサイト上の特定のyポイントに表示される複数のdivで垂直ウェブサイトを作成したいと考えています。これらのdivのテキストはホストされます。これらのdivの位置は常に固定されます。左から20％、上から約250px。固定小数点のコンテンツ/表示を垂直ポイントに変更

私がしたいのは、divの内容をページ上の特定の垂直ポイントに表示し、次の説明にスクロールすると消えることです。次のdivをその直後に表示させるだけです。それで、彼らはaからbへの素早い移行をします。

いくつかの良い例があります：このサイトのリンクについて

クリックすると、説明が表示されますと、彼らはスクロールに変更します。http://www.mattssonvandeneeden.nl/
センター内のタイプ：http://www.freetoair.org.uk/
見出し：http://www.formsofinquiry.com/

誰かが私を特定の方向に向けることができますか、それがどのように行われたかを理解するのに役立ちます。私は彼らのコードを見て、まだそれを働かせることはできません。

出典

2012-02-14 user981458

私たちはあなたの指示を示すのを手伝うことができます。しかし実際のコーディングはあなたがする必要があります:) –

第二に、あなたのプロフィールを見て、あなたは4つの質問をしており、任意の答えを受け入れていない。正解があればどうかしてください。 [FAQ]（http://stackoverflow.com/faq#howtoask）をお読みください。 –

これを実現するには、jQueryのscrollTop(),fadeIn()およびの関数を使用できます。スクロール配置に応じて、該当するdivを表示/非表示にします。

thisのデモはjsFiddle.netで確認できます。

希望すると、これが役立ちます。

出典

2012-02-14 05:35:14

これは素晴らしいです。ありがとうございました！しかし、ちょうど2,3の質問。 divを追加するとjavascriptに変更を加える必要はありませんか？そして、それぞれのJavaScriptのタイトルは同じですか？そしてもっと迷惑なことに（大変申し訳ありません）、親divの高さを自動的に検出できるようにすることは可能でしょうか？私は別の高さのdivsを持つことに興味があり、より複雑なjavascript divsを心配しています。 http://jsfiddle.net/kRAzZ/2/ – user981458

jQueryの '.height（）'関数を使うことができます。しかし、あなたのケースではこれがうまくいくのでしょうか。今のところ、私はこれのための解決策を知らない。あなたjQueryを探索することができます、あなたはいくつかの答えを得るかもしれない:) –

固定小数点のコンテンツ/表示を垂直ポイントに変更

答えて

関連する問題