celestius/script.js at main · mohamed-nafeez/celestius · GitHub

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
document.addEventListener('scroll', function () {
  const elements = document.querySelectorAll('.container1');
  elements.forEach(element => {
    if (element.getBoundingClientRect().top < window.innerHeight) {
      element.classList.add('visible');
    }
  });
});
document.addEventListener('scroll', function () {
  const elements = document.querySelectorAll('.container-f');
  elements.forEach(element => {
    if (element.getBoundingClientRect().top < window.innerHeight) {
      element.classList.add('visible');
    }
  });
});
document.addEventListener('scroll', function () {
  const elements = document.querySelectorAll('.containerp');
  elements.forEach(element => {
    if (element.getBoundingClientRect().top < window.innerHeight) {
      element.classList.add('visible');
    }
  });
});
document.addEventListener('scroll', function () {
  const elements = document.querySelectorAll('.slide');
  elements.forEach(element => {
    if (element.getBoundingClientRect().top < window.innerHeight) {
      element.classList.add('visible');
    }
  });
});