javascript - jQuery:如何在出现滚动条时触发窗口调整大小事件

Question

当页面出现垂直滚动条时，需要触发windows resize事件。有什么方法可以使用 javascript 捕获滚动条出现事件吗？

我对页面的宽度有疑问，因为当出现垂直滚动条时它会使 div 跳转到下一行。当我调整页面大小时似乎工作正常，所以我想在出现垂直滚动条时手动触发调整大小事件。

Answer 1

您可以使用 setInterval 来监视滚动条。如果文档宽度超过窗口宽度，可以手动触发 window.resize 事件。

function checkForScrollbar() {
    if ($(window).width() < $(document).width()) {
        $(window).trigger('resize');    
    }    
}

$(document).ready(function() {
    setInterval(function() { checkForScrollbar(); }, 500);   

    $(window).on('resize', function() {
        //Resize triggered.
        //Do Your Stuff
    });

});

请参阅此 JS Fiddle:http://jsfiddle.net/USvsW/9/