Detect Scrollbar Dynamically

What is wrong with the following code? I need to detect and set width of 1 element based on if another element has scrollbar or not. this seems not working: console.log('print Scro

Solution 1:

Have a look at this:

https://jsfiddle.net/4Lms5uzz/

At first the second div is set to 50 by 50.

If scroll is present in the #rules div, the dimensions of the second will be changed.

Basically the method is divWithScrollbar.clientHeight < divWithScrollbar.scrollHeight

scrollHeight gets the height of the content inside the div and clientHeight get the size of the div.

if the scrollHeight is smaller than scrollHeight, the scrollbar is visible.