How to get viewport size in jquery-3?

Question

$(window).height() used to return the height of the browser viewport window, and $(window).width() was used for browser window width.

$(window).height() now just returns the same value as $(document).height(), i.e. the height of the whole page.

What is a proper way to acquire viewport sizes now in jquery?

according to these links http://api.jquery.com/height/, http://api.jquery.com/width/ and http://stackoverflow.com/questions/3044573/using-jquery-to-get-size-of-viewport using $(window).height() and $(window).width() is the correct way of getting the viewport. — Tim Kruger, Sep 11 '16 at 05:00
weird, can't reproduce it anymore. indeed, those functions work fine. must have been some weird mix with bootstrap or other libraries possibly — Ilia Sidorenko, Sep 18 '16 at 09:58

Dhaarani · Accepted Answer · 2016-09-11T07:43:07.207

2

To get the width and height of the viewport:

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

resize event of the page:

$(window).resize(function() {

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

});

edited Sep 11 '16 at 07:43

answered Sep 11 '16 at 05:33

Dhaarani

thanks, indeed that works. i might blame a jquery plugin I tried to use too. – Ilia Sidorenko Sep 18 '16 at 09:59
Be sure you have at the top of your page or $(window).height() will return the same as $(document).height()! – Dennis H Feb 25 '23 at 20:55

1 Answers1