質問編集履歴
4
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,7 +34,7 @@
|
|
34
34
|
|
35
35
|
所々何が書いてあるのかも良くわからない状態で何が不要で何が不足しているのかさっぱり解らない状態です。。
|
36
36
|
|
37
|
-
すみませんがどなたかご教
|
37
|
+
すみませんがどなたかご教示お願いいたします。
|
38
38
|
|
39
39
|
|
40
40
|
|
3
ソースをコードブロックで囲みました
test
CHANGED
File without changes
|
test
CHANGED
@@ -46,6 +46,8 @@
|
|
46
46
|
|
47
47
|
▼html
|
48
48
|
|
49
|
+
```
|
50
|
+
|
49
51
|
<div class="contentsBox">
|
50
52
|
|
51
53
|
<div class="box current">割愛</div>
|
@@ -56,11 +58,15 @@
|
|
56
58
|
|
57
59
|
</div>
|
58
60
|
|
61
|
+
```
|
62
|
+
|
59
63
|
.boxは全部で10個あります。
|
60
64
|
|
61
65
|
|
62
66
|
|
63
67
|
▼js
|
68
|
+
|
69
|
+
```
|
64
70
|
|
65
71
|
$(function() {
|
66
72
|
|
@@ -129,3 +135,5 @@
|
|
129
135
|
|
130
136
|
|
131
137
|
});
|
138
|
+
|
139
|
+
```
|
2
記述ミスを修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -88,7 +88,7 @@
|
|
88
88
|
|
89
89
|
secNum2 = secNum + 1;
|
90
90
|
|
91
|
-
c
|
91
|
+
$(".contentsBox .box").removeClass("current");
|
92
92
|
|
93
93
|
$(".contentsBox .box:nth-of-type(" + secNum2 +")").addClass("current");
|
94
94
|
|
1
実際に記述したソースを追記しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -35,3 +35,97 @@
|
|
35
35
|
所々何が書いてあるのかも良くわからない状態で何が不要で何が不足しているのかさっぱり解らない状態です。。
|
36
36
|
|
37
37
|
すみませんがどなたかご教授お願いいたします。
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
==下記追記====================
|
42
|
+
|
43
|
+
実際に記述したソース
|
44
|
+
|
45
|
+
|
46
|
+
|
47
|
+
▼html
|
48
|
+
|
49
|
+
<div class="contentsBox">
|
50
|
+
|
51
|
+
<div class="box current">割愛</div>
|
52
|
+
|
53
|
+
<div class="box">割愛</div>
|
54
|
+
|
55
|
+
<div class="box">割愛</div>
|
56
|
+
|
57
|
+
</div>
|
58
|
+
|
59
|
+
.boxは全部で10個あります。
|
60
|
+
|
61
|
+
|
62
|
+
|
63
|
+
▼js
|
64
|
+
|
65
|
+
$(function() {
|
66
|
+
|
67
|
+
//カレント表示
|
68
|
+
|
69
|
+
var box = new Array;
|
70
|
+
|
71
|
+
var current = -1;
|
72
|
+
|
73
|
+
$(".contentsBox .box").each(function(i) {
|
74
|
+
|
75
|
+
box[i] = $(this).offset().top;
|
76
|
+
|
77
|
+
});
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
// カレント表示の変更
|
82
|
+
|
83
|
+
function changeBox(secNum) {
|
84
|
+
|
85
|
+
if (secNum != current) {
|
86
|
+
|
87
|
+
current = secNum;
|
88
|
+
|
89
|
+
secNum2 = secNum + 1;
|
90
|
+
|
91
|
+
calendar.removeClass("current");
|
92
|
+
|
93
|
+
$(".contentsBox .box:nth-of-type(" + secNum2 +")").addClass("current");
|
94
|
+
|
95
|
+
}
|
96
|
+
|
97
|
+
}
|
98
|
+
|
99
|
+
|
100
|
+
|
101
|
+
// scroll量での判定
|
102
|
+
|
103
|
+
function scrollCheck() {
|
104
|
+
|
105
|
+
var st = $(window).scrollTop() + 30;
|
106
|
+
|
107
|
+
for (var i = box.length - 1 ; i >= 0; i--) {
|
108
|
+
|
109
|
+
if (st > box[i]) {
|
110
|
+
|
111
|
+
changeBox(i);
|
112
|
+
|
113
|
+
break;
|
114
|
+
|
115
|
+
}
|
116
|
+
|
117
|
+
};
|
118
|
+
|
119
|
+
|
120
|
+
|
121
|
+
}
|
122
|
+
|
123
|
+
|
124
|
+
|
125
|
+
// scrollでのカレント表示をbind
|
126
|
+
|
127
|
+
$(window).bind("load scroll", scrollCheck);
|
128
|
+
|
129
|
+
|
130
|
+
|
131
|
+
});
|