javascript - 为什么滚动条出现或消失时不会触发调整大小事件？

Question

当浏览器的垂直滚动条出现或消失时，视口或浏览器窗口的宽度会发生变化（可以使用 jQuery 的 $(window).width() 方法测试），但不会触发窗口的 resize 事件。怎么来的？

Answer 1

Re-size 是由实际浏览器窗口更改大小驱动的事件。

如果我从页面中删除元素直到我的内容适合屏幕会怎样？这不是重新调整窗口大小。或者，如果我将页面的溢出更改为隐藏。滚动条将消失，但这又不是重新调整大小。

我得到的是：滚动条可见性并不一定意味着有一个调整大小的事件。

Answer 2

而不是调整大小，使用overflowchanged 事件。

Answer 3

浏览器不会将其识别为调整大小。然后，如果您需要“滚动条出现”和“滚动条消失”事件，请使用以下代码：

<div id="footerDiv" style="float: left; height: 1px; width: 100%;"></div>



bodywidth = 0;

$(document).ready(function () {

    bodywidth = $("#footerDiv").width();
    setInterval(scrollbarHelper, 100);

});

function scrollbarHelper() { 

    var newwidth = $("#footerDiv").width();

    if (bodywidth !== newwidth) {

        if (bodywidth > newwidth) {
            alert("Scrollbar Appeared");
            // Your code here
        }
        else if (bodywidth < newwidth) {
            alert("Scrollbar Disppeared");
            // Your code here
        }

        bodywidth = newwidth;
    }
}