Предполагая, что переполнение
в div равно auto
:
var div= document.getElementById('something'); // need real DOM Node, not jQuery wrapper
var hasVerticalScrollbar= div.scrollHeight>div.clientHeight;
var hasHorizontalScrollbar= div.scrollWidth>div.clientWidth;
В конце концов, я нашел решение, выполнив следующие действия:
Оберните содержимое, которое растет с помощью DIV, затем я обнаруживаю, присутствует ли (вертикальная) полоса прокрутки, сравнивая высоту wrapperDiv
] с высотой containerDiv
(который обычно имеет полосу прокрутки, если содержимое слишком велико).
Если высота wrapperDiv
больше, чем высота containerDiv
, то есть полоса прокрутки, если она меньше, то полосы прокрутки нет.
<DIV id="containerDiv" style="width:100px;height:100px;overflow:auto;">
<DIV id="wrapperDiv">
.... content here...
</DIV>
</DIV>