1

さまざまなセクションを持つHTMLページを作成しました。各セクションはDIV内に含まれています。私の要件は、各div間で移行することです。たとえば、数秒後、section1がぼやけ、section2がぼやけます。ここで、特定のセクション内で、セクションの終わりに達するまで、セクションの内容を下から上に自動スクロールします。異なるセクション間でトグルを作成することはできますが、各セクションのコンテンツをスクロールすることはできません。たとえば、最初のセクションが自動スクロールし、セクションの終わりに達すると、別のセクションに移動してから、 。誰かがこれを手伝ってくれませんか？以下のリンクにコードを貼り付けました。

http://pastebin.com/rE8h5NK0

また、各セクションの見出しに固定位置を指定しましたが、ページを最小化すると、見出しが正しく整列しません。また、修正していないと、ページに正しく表示されません。

4

1 に答える 1

0

JQuery をループで実行し、の高さからコンテナの高さを差し引いた値をスクロールした量とscrollTop一致させて、スクロールが一番下に達したときを探すことをお勧めします。div

function scroll() {
    if ($('#div').scrollTop() == $('#div').height() - $('#container').height()) {
        scrollInterval.clearInterval();
        // Transition to next section
    } else {
        $('#div').scrollTop($('#div').scrollTop() + 1);
    }
}

var scrollInterval = setInterval(scroll,20 /* Scroll speed */);
于 2013-03-08T03:58:41.097 に答える