当页面上出现垂直滚动条时,需要触发windows resize事件。有没有办法使用javascript捕获滚动条外观事件?
我遇到了页面宽度的问题,因为当垂直滚动条出现时,div会跳转到下一行。当我调整页面大小时似乎工作正常,所以我想在垂直滚动条出现时手动触发调整大小事件。
答案 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;它上面的事件:
答案 2 :(得分:-1)
你可以使用这个:这将通过调整大小的警告
$(window).on('load resize', function(){
var w1 = $(window).width();
alert(w1);
})