0

テキストのいくつかの段落を含む 3 つのスクロール可能な div を含むプロジェクトに取り組んでいます。テキスト内のいくつかの段落は、互いにゆるやかに関連付けることができます。私が望んでいるのは、読者が最初の div 内の特定の段落にスクロールすると、他の 2 つの div が含まれるテキストの関連する段落に自動的にスクロールすることです。そうすれば、3 つの段落が一度に表示されますが、読者は下にスクロールして、さらに調べたい div/テキストを自分で決めることができます。これは JQuery プラグインを使用して実現できますか? また、どのように実装すればよいですか?

事前にどうもありがとうございました！

編集: HTML/CSS の基本的な知識はありますが、jQuery は初めてです。

4

1 に答える 1

1

これは jQuery (プラグインなし) で可能であり、これを行うには、おそらく各 div の onscroll イベントを処理する必要があります。

これは、以下のコードを示す単純なJSFiddleです。

$(document).ready(function() {
    $('.ScrollingDiv').scroll(function() {
        var CurScrollHeight = $(this).scrollTop();
        //alert('in scroll');
        $('.ScrollingDiv').each(function() {
            //alert('in each');
            $(this).scrollTop(CurScrollHeight);
        });
    });
});

このコードは、ページ上の のクラスを持つすべての要素の onscroll 関数にハンドラーを適用しますScrollingDiv。要素の 1 つがスクロールすると、他のすべての要素が検出され、スクロールの高さが同じに設定されます。

状況に応じて必要なことは、各 div の段落を表示するために必要なスクロールの高さを決定する方法を考え出すことです。つまり、最初の div は高さ 200px、2 番目は高さ 400px、3 番目は高さ 150px などです。 ..

これを取得したら、提供したコードを機能に合わせて変更するだけです。おそらく、div の ID を設定し、個々の要素を見つけて、必要な段落の正しい高さを取得する必要があります。

于 2013-10-03T10:02:00.167 に答える