-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
48 lines (40 loc) · 1.3 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
let updateSticky = function () {
if (window.innerWidth < 951) {
let lefts = document.querySelectorAll(".left");
for (let i = 0; i < lefts.length; i++) {
let left = lefts[i];
left.style.position = "relative";
left.style["padding-top"] = 0;
left.style["padding-bottom"] = 0;
left.style["margin-bottom"] = 0;
left.style.top = "auto";
}
return;
}
let sections = document.getElementsByClassName("section");
for (let i = 0; i < sections.length; i++) {
let section = sections.item(i);
let left = null;
let right = null;
if (i % 2 == 0) {
left = section.children[0];
right = section.children[1];
} else {
left = section.children[1];
right = section.children[0];
}
// Use sticky to get the images to stay centered
if (right.clientHeight > window.innerHeight) {
let img = left.children[0];
let offset = window.innerHeight/2 - img.clientHeight/2 + "px";
left.style.position = "sticky";
left.style.position = "-webkit-sticky";
left.style["padding-top"] = offset;
left.style["padding-bottom"] = offset;
left.style["margin-bottom"] = "auto";
left.style.top = 0;
}
}
};
window.onload = function () { updateSticky(); };
window.onresize = function () { updateSticky(); };