forked from slackapi/bolt-python
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtutorial_nav.js
More file actions
41 lines (31 loc) · 1.24 KB
/
tutorial_nav.js
File metadata and controls
41 lines (31 loc) · 1.24 KB
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
var navTag = 'h3';
window.addEventListener('DOMContentLoaded', (event) => {
var sections = document.querySelectorAll(navTag);
var navParent = document.querySelector('.tutorial-nav-list');
function createNavElement(title, href) {
var navElement = document.createElement('li');
var navCircle = document.createElement('div');
navCircle.setAttribute('class', 'circle ' + href);
var navAnchor = document.createElement('a');
navAnchor.setAttribute('href', '#' + href);
navAnchor.innerText = title;
navElement.appendChild(navCircle);
navElement.appendChild(navAnchor);
return navElement;
}
sections.forEach(function(navHeader) {
var newElement = createNavElement(navHeader.innerText, navHeader.id);
navParent.appendChild(newElement);
})
});
window.addEventListener('scroll', (event) => {
var sections = document.querySelectorAll(navTag);
sections.forEach(function(navHeader) {
var navElement = document.querySelector('.' + navHeader.id);
if (window.scrollY >= (navHeader.getBoundingClientRect().top + window.pageYOffset - 5)) {
navElement.setAttribute('class', 'circle completed ' + navHeader.id);
} else {
navElement.setAttribute('class', 'circle ' + navHeader.id);
}
})
});