Скрыть/DIV с JavaScript, если DIV имеет скроллбар

Question

У меня есть DIV, который имеет высоту встроенный набор, чтобы быть 100% высоты окна браузера:

element.style { 
    height: 400px; 
} 
#scrollable-div { 
    overflow-x: hidden; 
    overflow-y: scroll; 
    position: relative; 
    width: 270px; 
} 

С JS или JQuery, я хочу, чтобы определить, есть ли у этого div в настоящее время полоса прокрутки, и если да, скройте/покажите другой div. Есть предположения?

Answer 1

Вы можете использовать эту функцию, чтобы знать, если элемент имеет скроллбар:

$(document).ready(function() { 
var mydiv = $('#scrollable-div'); 
console.log(mydiv1[0].scrollHeight); 
console.log(mydiv1.height()); 
if (mydiv1[0].scrollHeight > mydiv1.height())​ { 
    console.log(1); 
    //Has scrollbar 
} 
    else { 
     console.log(2); 
    //Dont has scrollbar 
    } 
​}); 

Answer 2

Я предлагаю иметь другой DIV, который содержит контент и находится в пределах scrollable-div. Это поможет отслеживать высоту содержимого, для которого вы должны выполнить логику.

if ($('#scrollable-inner').height() > $('#scrollable-div').height()) 
    $('#dependent-div').hide(); 
else 
    $('#dependent-div').show(); 

Посмотреть полный код & демо на этом jsFiddle.