https://www.advacom.nl/vendor/horizontal/horizontal.js

1
2if($(window).width() > 769) {
3  if($('.vakHolder').length > 0) {
4    const spaceHolder = document.querySelector('.vakHolder');
5    const horizontal = document.querySelector('.vakHorizontal');
6    spaceHolder.style.height = `${calcDynamicHeight(horizontal)}px`;
7
8    function calcDynamicHeight(ref) {
9      const vw = window.innerWidth;
10      const vh = window.innerHeight;
11      const objectWidth = ref.scrollWidth;
12      return objectWidth - vw + vh + 150; // 150 is the padding (in pixels) desired on the right side of the .cards container. This can be set to whatever your styles dictate
13    }
14
15    window.addEventListener('scroll', () => {
16      const sticky = document.querySelector('.vakSticky');
17      horizontal.style.transform = `translateX(-${sticky.offsetTop}px)`;
18    });
19
20    window.addEventListener('resize', () => {
21      spaceHolder.style.height = `${calcDynamicHeight(horizontal)}px`;
22    });
23  }
24}