% 基于高度，动态转换为像素答案

【问题标题】：% based height, turned dynamicly into pixels% 基于高度，动态转换为像素
【发布时间】：2013-02-12 21:54:54
【问题描述】：

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

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

问题：

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

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

【问题讨论】：

【解决方案1】：

如果你不想通过 CSS 来做，那么你正在寻找的 jQuery 函数是：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：