检查内容是否没有溢出，然后删除溢出：使用 jQuery 滚动

Question

有什么办法可以隐藏Div的滚动条，例如溢出：隐藏；如果Div 的内容不是溢出的内容，就好像我有意义： - ）。

我现在正在尝试的是

if($("#MayBeOverFlowDiv").height() <= 300)
        $("#MayBeOverFlowDiv").  // dunno how to add "Overflow:hidden" to to hide scroll bar

Answer 1

只是将CSS样式设置为自动：

#MayBeOverFlowDiv{
    overflow:auto;
}

只有在需要时才显示滚动条。（即，如果滚动高度大于元素高）

jsfiddle

如果您必须使用jQuery来执行此操作，那么您可以这样做：

$('#MayBeOverFlowDiv').css({overflow:'hidden'});

jsfiddle

Answer 2

使用 auto作为 overflow的值呢？

#MayBeOverFlowDiv {
   overflow:auto;
}

这样，滚动栏仅显示内容超过高度（如果不显示任何东西）时。

检查此演示小提琴

Answer 3

更好的方法：

CSS：

#MayBeOverFlowDiv {
    overflow: hidden;
    max-height: 300;
}

不需要JavaScript。

如果您真的想要使用JavaScript：

$('#MayBeOverFlowDiv').css('overflow', 'hidden');