基于％的高度，动态转换为像素

Question

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

我正在建立一个网站，我有一个.content类，它的高度是= height：auto;宽度=宽度：80％; 但是当我缩放时，我不希望div垂直变成“TOO”。

问题：

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

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

Answer 1

如果您不想通过CSS进行，那么您正在寻找的jQuery函数是：

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

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

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

Answer 2

如果你要使用jQuery方式，添加到@ieeehh，首先要包含jQuery。然后假设元素的id为#element

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