用乘积值扩展容器高度

Question

我希望将容器的高度自动展开为28px的乘积。我有一个只能垂直重复的模式，所以我不能在一个高度不乘以28的高度上裁剪它。例如，如果容器的高度为400px，则需要在420px处展开高度，以便模式垂直重复，而不是裁剪。

对于我需要创建的jQuery函数的逻辑，有什么想法吗？

Answer 1

这个有用吗？

var container = $('#container'), unit = 28, height = container.height();
(height % unit > 0) &&
container.height(Math.ceil(height / unit) * unit);

Answer 2

var needsExpansion = jQuery("#mydiv").height()%28 > 0;
if( needsExpansion ) {
   var newHeight = Math.ceil(jQuery("#mydiv").height()/28) * 28;
   jQuery("#mydiv").height(newHeight);
}