回答編集履歴
1
要素名などを提示内容に合わせました
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
1. 対象のdiv(id="
|
|
9
|
+
1. 対象のdiv(id="sample")よりも上部にあるcontentsの高さを取得
|
|
10
10
|
|
|
11
11
|
2. windowのスクロール位置から1を引き算
|
|
12
12
|
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
<div id="contents1" class="contents">contents</div>
|
|
34
34
|
|
|
35
|
-
<div id="
|
|
35
|
+
<div id="sample">#sample</div>
|
|
36
36
|
|
|
37
37
|
<div id="contents2" class="contents">contents</div>
|
|
38
38
|
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
#
|
|
77
|
+
#sample {
|
|
78
78
|
|
|
79
79
|
height:300px;
|
|
80
80
|
|
|
@@ -84,9 +84,9 @@
|
|
|
84
84
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
.
|
|
87
|
+
.active {
|
|
88
88
|
|
|
89
|
-
background-color: #
|
|
89
|
+
background-color: #a00!important;
|
|
90
90
|
|
|
91
91
|
}
|
|
92
92
|
|
|
@@ -104,11 +104,11 @@
|
|
|
104
104
|
|
|
105
105
|
if (targetTop > 0){
|
|
106
106
|
|
|
107
|
-
$("
|
|
107
|
+
$(".header").addClass("active");
|
|
108
108
|
|
|
109
109
|
}else{
|
|
110
110
|
|
|
111
|
-
$("
|
|
111
|
+
$(".header").removeClass("active");
|
|
112
112
|
|
|
113
113
|
}
|
|
114
114
|
|