Der ultimative Leitfaden zur nutzungsbasierten Preisgestaltung

function adjustRightColumnWidth() { const viewportWidth = window.innerWidth; const leftColumn = document.querySelector(' .left-column'); const leftColumnWidth = leftColumn.offsetWidth; let rightColumnWidth; if (viewportWidth <1024) { rightColumnWidth = viewportWidth - leftColumn.getBoundingClientRect().left; } else { rightColumnWidth = viewportWidth - leftColumn.getBoundingClientRect().left - leftColumnWidth - 30; } const rightColumn = document.querySelector(' .right-column'); if (viewportWidth <1211) { leftColumn.style.width = '18%'; } else { leftColumn.style.width = '17%' } if (viewportWidth <= 1024) { leftColumn.style.width = 0; } rightColumn.style.width = rightColumnWidth + 'px'; } window.addEventListener('load', adjustRightColumnWidth); window.addEventListener('resize', adjustRightColumnWidth); document.addEventListener('DOMContentLoaded', function() { // Get all the anchor links that correspond to sections const anchorLinks = document.querySelectorAll('a[href^="#section"]'); // Function to reset the text color of all anchor links function resetAnchorColors() { anchorLinks.forEach(link => { link.style.color = ''; // Reset to the default color (you can specify a color here if needed) }); } // Intersection Observer callback function function handleIntersection(entries) { entries.forEach(entry => { const anchorId = entry.target.id; const correspondingLink = document.querySelector(`a[href="#${anchorId}"]`); if (entry.isIntersecting) { resetAnchorColors(); // Reset the color of all anchor links if (correspondingLink) { correspondingLink.style.color = 'black'; // Change the color of the current anchor link to black } } }); } // Create a new IntersectionObserver const observer = new IntersectionObserver(handleIntersection, { threshold: 0.5 // Adjust this value to determine when the section is considered in view }); // Observe each section (now targeting div elements with IDs starting with "section") const sections = document.querySelectorAll('div[id^="section"]'); sections.forEach(section => { observer.observe(section); }); });