javascript - % 基于高度，动态转换为像素

Question

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

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

问题：

是否有一个 javascript 'if' 语句检查 div 的高度，然后能够放置 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');
}

Answer 2

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

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