Set height of an element on multiples of a number?

Question

Is there any way via jquery or javascript to make an element stretch its height to a certain set of numbers? I mean, as it accommodates more content, its height would only f

Answer 1

This function will take the current height and the unit number you want it to snap to, rounding to the nearest multipleOf.

function snapHeight(height, multipleOf) {
    return multipleOf * Math.round(height / multipleOf);
}

Examples:

snapHeight(930, 100); // returns 900
snapHeight(930, 50); // returns 950
$('#element').height(snapHeight($('#element').height(), 100)); // in jQuery

Answer 2

var h = $('div').height();
$('div').height( Math.ceil(h/100) * 100 );

Answer 3

something like:

$('element').css({ height : (0|(targetHeight + 99) / 100) * 100 });

if you want it automatic:

$(function(){
    var $elem = $('#element')
    $elem.css({ height : (0|($(elem).height() + 99) / 100) * 100 });
});