回答編集履歴
1
修正漏れ
answer
CHANGED
|
@@ -4,14 +4,19 @@
|
|
|
4
4
|
```javasclipt
|
|
5
5
|
$('#fade').css('visibility','hidden');
|
|
6
6
|
$(window).scroll(function(){
|
|
7
|
-
var windowHeight = $(window).height(),
|
|
8
|
-
topWindow = $(window).scrollTop();
|
|
9
|
-
|
|
7
|
+
$('#fade').each(function(){
|
|
8
|
+
var nScrollTop = $(window).scrollTop(); // 現在のスクロール位置
|
|
10
|
-
|
|
9
|
+
var targetPosition = $(this).offset().top; // 表示切替ターゲットの位置
|
|
11
|
-
|
|
10
|
+
if((targetPosition - 150) < nScrollTop){ // 表示切替ターゲットの位置から150px上と現在のスクロール位置で判定(150は調整してね)
|
|
11
|
+
if($(this).hasClass('fadeInDown') == false){ // 'fadeInDown'が設定されていない場合
|
|
12
|
-
|
|
12
|
+
$(this).addClass("fadeInDown"); // 'fadeInDown'の追加
|
|
13
|
-
|
|
13
|
+
}
|
|
14
|
+
}else{
|
|
15
|
+
if($(this).hasClass('fadeInDown') == true){ // 'fadeInDown'が設定されている場合
|
|
16
|
+
$(this).removeClass("fadeInDown"); // 'fadeInDown'の削除
|
|
17
|
+
}
|
|
18
|
+
}
|
|
14
|
-
|
|
19
|
+
});
|
|
15
20
|
});
|
|
16
21
|
|
|
17
22
|
$('#fade2').css('visibility','hidden');
|