将元素的高度设置为数字的倍数？

Question

有没有办法通过jquery或javascript使一个元素将其高度拉伸到一组特定的数字？我的意思是，因为它容纳更多的内容，它的高度只会遵循数字模式（数字的倍数）。

让我们说100倍的倍数... div的高度因为它延伸得更高只会在这个系列中 - 200px，300px，400px等。因此，如果它超过200甚至1像素，它会自动调整为300。

很难解释。

我需要这个，因为我制作了一个带有撕边的垂直无缝图案，如果它完全显示每个瓷砖，它将完全看起来很完美。

我只知道基本的jquery，我对如何解决这个问题没有一点想法。

我最诚挚地感谢那些倾向于我的询问的人！

Answer 1

类似的东西：

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

如果你想要它是自动的：

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

Answer 2

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

Answer 3

此功能将获取您想要捕捉的当前高度和单位数，四舍五入到最接近的倍数。

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

示例：

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