Динамическое отображение полосы прокрутки

Question

Что не так в следующем коде?

Мне нужно определить и установить ширину 1 элемента на основе, если в другом элементе есть полоса прокрутки или нет. это, кажется, не работает:

console.log("print Scroll..here..."); 
if(($(".printer-details-container").offsetHeight < $(".printer-details-container").scrollHeight) || ($(".printer-details-container").offsetWidth < $(".printer-details-container").scrollWidth)){ 
     // your element have overflow 
     console.log("print Scroll..here..."); 
     $(".printer-header").css({"width":"96.9999%;"}); 
} 
else{ 
     //your element don't have overflow 
     console.log("no print Scroll..here..."); 
     $(".printer-header").css({"width":"100%;"}); 
     //console.log($(".printer-header").print-header.css({"width":"100%;"}); 
} 

Answer 1

Посмотрите на это:

https://jsfiddle.net/4Lms5uzz/

На первый второй DIV установлен на 50 на 50.

Если свиток присутствует в # правила div, размеры второго будут изменены.

В основном метод divWithScrollbar.clientHeight < divWithScrollbar.scrollHeight

scrollHeight получает высоту содержимого внутри DIV и clientHeight получить размер дел.

Если значение scrollHeight меньше, чем scrollHeight, отображается полоса прокрутки.