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

jQuery: How to trigger windows resize event when scrollbar appears

本文关键字：窗口大小 调整 事件 滚动条      更新时间：2023-09-26

当页面上出现垂直滚动条时，需要触发window resize事件。是否有任何方法来捕获使用javascript滚动条外观事件?

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

您可以使用setInterval来监视滚动条。如果文档宽度超过窗口宽度，则可以触发该窗口。手动调整事件大小。

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/

OrganicPanda发布了一个不需要计时器的聪明解决方案。基本上，他在某个地方放置了一个100%的iFrame，并在其上收听'resize'事件:

检测窗口垂直滚动条何时出现

你可以这样做:这将通过alert on resize

$(window).on('load resize', function(){  
var w1 = $(window).width();
alert(w1);
 })
相关文章：