Skip to content

Instantly share code, notes, and snippets.

@devharshit

devharshit/Set Fix height of all div in container

Created July 13, 2020 12:21
Show Gist options
  • Save devharshit/9c26d6a80703f4b206e07d7d09bdec46 to your computer and use it in GitHub Desktop.
Save devharshit/9c26d6a80703f4b206e07d7d09bdec46 to your computer and use it in GitHub Desktop.
Download ZIP
Set equal div height using JS
Raw
Set Fix height of all div in container
<script>
equalheight = function(container) {
var currentTallest = 0,
currentRowStart = 0,
rowDivs = new Array(),
$el,
topPosition = 0;
jQuery(container).each(function() {
$el = jQuery(this);
jQuery($el).height('auto')
topPostion = $el.position().top;
if(currentRowStart != topPostion) {
for(currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
}
rowDivs.length = 0; // empty the array
currentRowStart = topPostion;
currentTallest = $el.height();
rowDivs.push($el);
} else {
rowDivs.push($el);
currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
}
for(currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
}
});
}
jQuery(window).load(function() {
equalheight('.bb-post-block-main');
});
jQuery(window).resize(function() {
equalheight('.bb-post-block-main');
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment