除非需要使用jquery ui的可调整大小，否则如何才能隐藏溢出滚动条？

Question

实时样本：http://plnkr.co/edit/ivjvAZ?p=preview

我使用jquery ui和angular为绝对定位的div制作一个可调整大小的指令。

这里的问题是div总是有滚动条，甚至是大多数空的滚动条。我希望蓝色框可以调整大小，但是当所有内容都可见时不要有滚动条。我需要绿色框div可以调整和拖动，所以绝对定位必须保持（不是吗？）。

如何才能让这些滚动条仅在需要时显示？

Answer 1

只需将此添加到您的css：

.ng-scope .ui-resizable-e {
    right: 0px;
}

.ng-scope .ui-resizable-s {
    bottom: 0px;
}

.ng-scope部分是为标记的选定元素添加特定样式的特异性和更高优先级。

DEMO： http://plnkr.co/edit/IXicY5sjAI6CJVWUqFFU?p=preview

说明：容器div有overflow: auto;，滚动句柄的宽度和高度均为100％，位置为bottom: -5px;和{{1 （100％的容器和每个方向上的一些像素的偏移量）总是自动将它们从容器的可视部分推出，因此滚动条总是因为right: -5px;属性而显示。

Answer 2

将溢出设为'自动'

overflow:auto;