回答編集履歴
2
追記
answer
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
var kanren = document.getElementById("kanren"); //基準となる特定のボックス
|
|
6
6
|
var fixed = document.getElementById("fixed"); //固定させている画像
|
|
7
7
|
|
|
8
|
+
kanren.style.marginTop = fixed.clientHeight + 'px'; // ここと
|
|
8
9
|
|
|
9
10
|
window.addEventListener("scroll", e => {
|
|
10
11
|
//ポジションを取得
|
1
追記
answer
CHANGED
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
//ポジションを取得
|
|
11
11
|
var pos = kanren.getBoundingClientRect();
|
|
12
12
|
var py = Math.floor(pos.top);
|
|
13
|
-
kanren.style.marginTop = fixed.clientHeight + 'px';
|
|
13
|
+
kanren.style.marginTop = fixed.clientHeight + 'px'; // ここと
|
|
14
14
|
if (py < wh) {
|
|
15
15
|
fixed.classList.add("relative");
|
|
16
|
-
kanren.style.marginTop = 0;
|
|
16
|
+
kanren.style.marginTop = 0; // ここを追加
|
|
17
17
|
}else{
|
|
18
18
|
fixed.classList.remove("relative");
|
|
19
19
|
}
|