Fluids – Leichte Pflege. Klare Wirkung.

function setHeight( el, val ) { if ( typeof val === "function" ) val = val(); if ( typeof val === "string" ) el.style.height = val; else el.style.height = val + 5 + "px"; } var equalheight = function ( container ) { var currentTallest = 0, currentRowStart = 0, rowDivs = [], currentDiv, $el, topPosition = 0; Array.from( document.querySelectorAll( container ) ).forEach( ( el, i ) => { el.style.height = "auto"; topPosition = el.offsetTop; if ( currentRowStart != topPosition ) { for ( currentDiv = 0; currentDiv < rowDivs.length; currentDiv++ ) { setHeight( rowDivs[ currentDiv ], currentTallest ); } rowDivs.length = 0; currentRowStart = topPosition; currentTallest = parseFloat( getComputedStyle( el, null ).height.replace( "px", "" ) ); rowDivs.push( el ); } else { rowDivs.push( el ); currentTallest = ( currentTallest < parseFloat( getComputedStyle( el, null ).height.replace( "px", "" ) ) ) ? ( parseFloat( getComputedStyle( el, null ).height.replace( "px", "" ) ) ) : ( currentTallest ); } for ( currentDiv = 0; currentDiv < rowDivs.length; currentDiv++ ) { setHeight( rowDivs[ currentDiv ], currentTallest ); } } ); var slickButtonsHeight = $('a.slick-active.slick-slide').first().find('.img').outerHeight(); $('.xxx .slick-arrow').height(slickButtonsHeight); }; window.addEventListener( 'scroll', () => { equalheight('.cyt69ce99842b2c8 .slick-initialized .item > .inner'); }); addEventListener("resize", (event) => { setTimeout(function () { equalheight('.cyt69ce99842b2c8 .slick-initialized .item > .inner'); }, 500); });