Maja är den lilla, nära design- och kommunikationsbyrån med fäste i Göteborg. Vi hjälper företag och organisationer att beröra, kommunicera och ta plats genom starka berättelser, visuella uttryck och rörligt innehåll.
Vår passion är att arbeta med goa personer och varumärken med samma vision som oss – att skapa något minnesvärt.
färg 3
färg 4
document.addEventListener('DOMContentLoaded', function() {
const firstContainer = document.querySelector('#first-container');
const secondContainer = document.querySelector('#second-container');
const thirdContainer = document.querySelector('#third-container');
window.addEventListener('scroll', function() {
const scrollTop = window.scrollY;
const thirdContainerTop = thirdContainer.offsetTop;
// Skala andra containern från 2000% till 100%
const scale = Math.max(1, 20 - scrollTop / 100);
secondContainer.style.transform = `scale(${scale})`;
// Hantera fast positionering och opacitet
if (scrollTop >= thirdContainerTop) {
// När vi har skrollat förbi den tredje containern
firstContainer.style.position = 'absolute';
firstContainer.style.top = `${thirdContainerTop}px`;
secondContainer.style.position = 'absolute';
secondContainer.style.top = `${thirdContainerTop}px`;
firstContainer.style.opacity = '0';
secondContainer.style.opacity = '0';
} else {
// När vi är ovanför den tredje containern
firstContainer.style.position = 'fixed';
firstContainer.style.top = '0';
secondContainer.style.position = 'fixed';
secondContainer.style.top = '0';
firstContainer.style.opacity = '1';
secondContainer.style.opacity = '1';
}
});
});