javascript - 基于百分比的高度，动态转换为像素

Question

我正在寻找一种简单的方法来执行以下操作:

我正在建立一个网站，我有一个 .content 类，它的高度是 = height:auto;它的宽度 = width:80%;但是当我缩放它时，我不希望 div 在垂直方向上变成“太”位。

问题:

是否有检查 div 高度的 javascript 'if' 语句，然后能够放置 overflow-y:scroll;如果元素太大，比如垂直 400px？

请注意，div 在 css 中没有高度。它设置为自动。谢谢

Answer 1

如果您不想通过 CSS 来实现，那么您正在寻找的 jQuery 函数是:

$("#element").outerHeight() and $("#element").outerWidth()

它们返回元素的计算高度和宽度，而不是显式设置的高度和宽度。
所以，

if ($("#element").outerWidth() > 400) {
    $("#element").width(400);
    $("#element").css('overflow-y', 'scroll');
}