-2

内部に 2 つのメイン div を含むコンテナーがあります。コンテナの表示領域は、高さ 540 ピクセル、高さ 1024 ピクセルです (コンテナの外側にあるものはすべて、ビューから「隠されている」ことを意味します)。

コンテナー内の 2 つのメイン div の間に自動スクロールを作成したいので、最初の div 表示から開始し、10 秒待ってから 2 番目の div まで「スクロール」して停止し、ループしません。スタート地点に戻る。

CSS3アニメーションではこれができないため、javascriptまたはJqueryを使用する必要があると思います(ページがロードされたらアニメーションを開始したいという事実のため)。自分がやりたいことの基本的なイメージを描きましたが、それ以上はどこから始めればよいかわかりません。ヘルプ！！！

更新：私が持っている非常に限られた知識を使用して、更新されたjsフィドルをここに投稿しました：

http://jsfiddle.net/D7Aad/16/

現在、2つのスライドの間に「フェード」があります。フェードする代わりに、ページが自動的に2番目のdivまでスクロールダウンして停止し、繰り返されないようにするという考えです。

私の問題はJavaScriptコードにあると思います：

var continuous = function() {
$("#slide_one").fadeToggle(600);
$("#slide_two").fadeToggle(600);   
}

setInterval(continuous,5000);

ここに画像の説明を入力

私が探しているものを説明するのに特に役立つ詳細がある場合は、コメントに投稿してください。折り返しご連絡いたします.

4

1 に答える 1