window.onload = function(){ const scrollElements = document.querySelectorAll(".vertical-divider-line-animated"); const elementInView = (el, scrollOffset = 0) => { const elementTop = el.getBoundingClientRect().top; return ( elementTop <= ((window.innerHeight || document.documentElement.clientHeight) - scrollOffset) ); }; const displayScrollElement = (element) => { element.classList.add("scrolled"); }; const handleScrollAnimation = () => { scrollElements.forEach((el) => { if (elementInView(el, 100)) { displayScrollElement(el); } }) } window.addEventListener('scroll', () => { handleScrollAnimation(); })}

Download hier onze inspiratie brochures

Opmerkingen



var onloadCallback_585 = function () { var windowwidth = window.innerWidth; if (windowwidth < 520) { grecaptcha.render('html_element_@(recaptchaId)', { 'size': 'compact', 'sitekey': '6LczI5IbAAAAAJcIv3jusS9h2E4L1CFa4qc6QgiF', 'theme': 'light' }); } else { grecaptcha.render('html_element_585', { 'size': 'normal', 'sitekey': '6LczI5IbAAAAAJcIv3jusS9h2E4L1CFa4qc6QgiF', 'theme': 'light' }); } }; let recaptcha_585 = null let parent_585 = null let oldWidth__585 = null function loadCaptcha() { recaptcha_585 = document.getElementById("html_element_585"); parent_585 = recaptcha_585.parentNode; oldWidth = window.innerWidth; } function resizeCaptcha() { var width = window.innerWidth; if (width <= 520 && oldWidth_585 > 520) { parent_585.removeChild(recaptcha_585); let html_element = document.createElement('div'); html_element.id = "html_element_585"; parent_585.appendChild(html_element); recaptcha_585 = html_element; grecaptcha.render('html_element_585', { 'size': 'compact', 'sitekey': '6LczI5IbAAAAAJcIv3jusS9h2E4L1CFa4qc6QgiF', 'theme': 'light' }); } else if (width > 520 && oldWidth_585 <= 520) { parent_585.removeChild(recaptcha_585); let html_element = document.createElement('div'); html_element.id = "html_element_585"; parent_585.appendChild(html_element); recaptcha_585 = html_element; grecaptcha.render('html_element_585', { 'size': 'normal', 'sitekey': '6LczI5IbAAAAAJcIv3jusS9h2E4L1CFa4qc6QgiF', 'theme': 'light' }); } oldWidth_585 = width; } window.addEventListener('DOMContentLoaded', loadCaptcha); window.addEventListener('resize', resizeCaptcha);