将div的高度设置为X的最接近乘法

哈里·弗朗西斯(Harry Francis)

这是一个不寻常的问题(我不太确定该怎么说),但我会尽力而为。

我正在尝试使用Javascript / jQuery,根据div的当前高度(由其内部的文本设置)来设置div的高度,然后将其四舍五入到最接近的60的倍数。

例如,假设div基于其中的文本为192像素高。我希望javascript达到这个高度,并将其值更改为240(4 x 60)。

可能有一个简单的解决方案,但我不知道从哪里开始!

预先感谢,哈利。

卢卡特

在jQuery中:

var height = Math.ceil($('#thediv').height() / 60) * 60;
$('#thediv').css('height', height);

编辑:为了提高响应能力,您需要在计算高度之前重设高度,即:

$(window).resize(function() {

    $('#thediv').css('height', 'auto');

    setTimeout(function() {
        var height = Math.ceil($('#thediv').height() / 60) * 60;
        $('#thediv').css('height', height);
    },1);

});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章