如何在jquery-3中获取视区大小？

Question

$(window).height()用于返回浏览器视口窗口的高度，$(window).width()用于浏览器窗口的宽度。

$(window).height()现在只返回与$(document).height()相同的值，即整个页面的高度。

现在在jquery中获取视区大小的合适方法是什么？

Answer 1

要获取视口的宽度和高度，请执行以下操作：

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

页面的调整大小事件：

$(window).resize(function() {

    var viewportWidth = $(window).width();
    var viewportHeight = $(window).height();

});