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 follow a pattern of numbers (multiples of a number).

Let’s say in multiples of 100… a div’s height as it extends taller would only be in this series — 200px, 300px, 400px, etc. Hence, if it exceeds by just even 1 pixel off 200, it would automatically resize to 300.

It’s hard to explain.

I need this because I made a vertically seamless pattern with torn edges and it would totally look perfect if it shows each tile completely.

I only know basic jquery and I don’t have a bit of an idea on how to work this out.

My sincerest gratitude to whoever tends to my query!

Answer 1

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