内部に 2 つのメイン div を含むコンテナーがあります。コンテナの表示領域は、高さ 540 ピクセル、高さ 1024 ピクセルです (コンテナの外側にあるものはすべて、ビューから「隠されている」ことを意味します)。
コンテナー内の 2 つのメイン div の間に自動スクロールを作成したいので、最初の div 表示から開始し、10 秒待ってから 2 番目の div まで「スクロール」して停止し、ループしません。スタート地点に戻る。
CSS3アニメーションではこれができないため、javascriptまたはJqueryを使用する必要があると思います(ページがロードされたらアニメーションを開始したいという事実のため)。自分がやりたいことの基本的なイメージを描きましたが、それ以上はどこから始めればよいかわかりません。ヘルプ！！！
更新：私が持っている非常に限られた知識を使用して、更新されたjsフィドルをここに投稿しました：
現在、2つのスライドの間に「フェード」があります。フェードする代わりに、ページが自動的に2番目のdivまでスクロールダウンして停止し、繰り返されないようにするという考えです。
私の問題はJavaScriptコードにあると思います：
var continuous = function() {
$("#slide_one").fadeToggle(600);
$("#slide_two").fadeToggle(600);
}
setInterval(continuous,5000);
私が探しているものを説明するのに特に役立つ詳細がある場合は、コメントに投稿してください。折り返しご連絡いたします.