Skip to content

Instantly share code, notes, and snippets.

@proweb

proweb/equalheightslick.js

Created May 6, 2017 16:30
Show Gist options
  • Star 9 You must be signed in to star a gist
  • Fork 6 You must be signed in to fork a gist
  • Save proweb/7c872c02646659e45084c1d51dfc3018 to your computer and use it in GitHub Desktop.
Save proweb/7c872c02646659e45084c1d51dfc3018 to your computer and use it in GitHub Desktop.
Download ZIP
Slick carousel equal height slides
Raw
equalheightslick.js
$(window).load(function() {
$('.slides').on('setPosition', function () {
$(this).find('.slick-slide').height('auto');
var slickTrack = $(this).find('.slick-track');
var slickTrackHeight = $(slickTrack).height();
$(this).find('.slick-slide').css('height', slickTrackHeight + 'px');
});
})
@smotzart
Copy link

smotzart commented Apr 21, 2020 •
edited

$('.slides').on('setPosition', function (event, slick) {
$(slick.$slides).height('auto').css('height', $(slick.$slideTrack).height() + 'px');
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment