javascript - 检测 <div> 何时显示或隐藏滚动条

Question

有没有办法检测 div 何时显示或隐藏滚动条？当滚动条显示时，我想调整 div 内的一些控件的大小，以便滚动条不会覆盖它们。

因此，我需要一个在滚动条出现和消失时触发的事件。 谢谢， 布莱恩

Answer 1

您可以将内容包装在另一个 DIV 中 - 然后您可以检测内容的高度，并在它比包含的 DIV 高时调整它的大小。 jQuery 示例:

if($('#content-wrapper-div').height() > $('#scrolling-div').height())
{
    var oldWidth = $('#content-wrapper-div').width();
    $('#content-wrapper-div').css('width', (oldWidth - 20) + 'px')
}

'20' 可以根据滚动条的宽度进行更改(或者您可以使用高度，或调整其中各个控件的大小)。