ここで見つけた Stackoverflow の質問のコードを自分のコードと組み合わせようとしています。基本的に、#findme スパンがブラウザーにある場合は、スパンを上から順にフェードインしていきます (前回の投稿で述べたように、Genericrich が提供するコードを使用)。
私が設定したフィドルはこちらです。
これは私のjsです。何が間違っているのかわかりませんか?
$(window).scroll(function () {
if (!spanSeen && isScrolledIntoView('#findme')) {
//What I want to happen when the span element is in view
$("span").each(function (index) {
$(this).delay(400 * index).fadeIn(300);
});
run = true;
}
});
var spanSeen = false;
function isScrolledIntoView(elem) {
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}
私はJSが初めてで、少しずつゆっくりと学んでいます。上級者に感謝します。