Шаблон:MinisterialInfo/styles.js: различия между версиями

Материал из МК14 | Space Station 14 Wiki
(Новая страница: «const animItems = document.querySelectorAll('._anim_items'); if(animItems.length > 0){ window.addEventListener('scroll', animOnScroll); function animOnScroll(params) { for (let index=0; index < animItems.length; index++) { const animItem = animItems[index]; const animItemHeight = animItem.offsetHeight; const animItemOffset = offset(animItem).top; const animStart = 4; let animItemPoint = window.innerHeight - animItemHei...»)
 
Нет описания правки
 
Строка 1: Строка 1:
const animItems = document.querySelectorAll('._anim_items');
document.addEventListener("DOMContentLoaded", function() {
 
     var heading = document.getElementById("firstHeading");
if(animItems.length > 0){
    if (heading) heading.style.display = "none";
  window.addEventListener('scroll', animOnScroll);
});
  function animOnScroll(params) {
     for (let index=0; index < animItems.length; index++) {
      const animItem = animItems[index];
      const animItemHeight = animItem.offsetHeight;
      const animItemOffset = offset(animItem).top;
      const animStart = 4;
 
      let animItemPoint = window.innerHeight - animItemHeight / animStart;
 
      if(animItemHeight > window.innerHeight){
        animItemPoint = window.innerHeight - window.innerHeight / animStart;
      }
      if((pageYOffset > animItemOffset - animItemPoint) && pageYOffset < (animItemOffset + animItemHeight)){
        animItem.classList.add('_active');
      } else {
        animItem.classList.remove('_active');
      }
 
    }
  }
  function offset(e1) {
    const rect = e1.getBoundingClientRect(),
      scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
      scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
  }
  animOnScroll();
}

Текущая версия от 20:22, 16 марта 2026

document.addEventListener("DOMContentLoaded", function() {

   var heading = document.getElementById("firstHeading");
   if (heading) heading.style.display = "none";

});