jQuery scrollクリックコンテナ内のトップへ

Question

プラグインなしで各divにIDを割り当てずに、最も簡単なjQueryでコンテンツスライダーを作成しようとしています。

私は固定位置#containerを持っています。これは、ページの幅100％、高さ45％であり、.sectと呼ばれる5つのdivが含まれています。すべて5 .sectはコンテナの100％の幅で、ページの高さも45％です。これは、スクロールすると、#containerの可視部分を1 .sectで埋めることを意味します。

a外側#containerは、クリックすると、それぞれのにスクロールします。#container。 sect s。これは私のjQueryです。私はscrollTopの値を.sectの高さに設定して、クリックするたびに#containerが各セクトの正確な高さをスクロールするようにします。

$('#down').on('click', function(e) { 
    e.preventDefault(); 
    $('#container').animate({ scrollTop:$('.sect').height() }) 
}); 

初めて#downは問題なく第二.sectを視野に第一.sectから、#containerスクロールをクリックすると、が、その後、#downはもう何もしません。 jsfiddle - htmlとcssは注目に値しないと思います。私はjQueryを初めて使っていますので、何が足りないのか説明してください！

Answer 1

私は唯一の1の高さまでスクロールし、それはようにする必要があり.sectあなたのコード、あなたは、コンテナはそれが行っているどのくらいのスクロールのに応じて、スクロールを続けるべきだと不足していると思う：

scrollTopスプライト：+スクロールこのスレッドへの高さ

scrollTop: $("#container").scrollTop() + $(".sect").height();