jQuery:如何在滚动条出现时触发Windows resize事件

时间:2014-07-03 11:24:02

标签: javascript jquery html css

当页面上出现垂直滚动条时,需要触发windows resize事件。有没有办法使用javascript捕获滚动条外观事件?

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

3 个答案:

答案 0 :(得分: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小提琴:http://jsfiddle.net/USvsW/9/

答案 1 :(得分:0)

OrganicPanda发布了一个聪明的解决方案,无需计时器。基本上他把100%的iFrame放在某个地方并且听着调整大小&#39;它上面的事件:

Detect when window vertical scrollbar appears

答案 2 :(得分:-1)

你可以使用这个:这将通过调整大小的警告

$(window).on('load resize', function(){  
var w1 = $(window).width();
alert(w1);
 })