javascript - 当div高度小于window时，如何向body添加类？

Question

如果某个 div 高度小于用户窗口大小，我会尝试向主体添加一个类。这是我当前的 jQuery 脚本。它工作得不太好，而且我没有收到任何错误。不确定我做错了什么。

谢谢

jQuery(document).ready(function($) {
    var $window = $(window);
    var $pageHeight = $('.wrap').height();
    function checkWidth() {
        var windowsize = $window.height();
        if (windowsize < $pageHeight) {
            $('body').addClass('need-padding');
        }
    }
    checkWidth();   
    $(window).resize(checkWidth);
});

Answer 1

试试这个...不需要创建单独的函数:

 $(window).resize(function(){
     var $windowHeight = $(window).height();
     var $blockHeight = $('.wrap').height();
        if ($blockHeight < $windowHeight ) {
            //console.log($windowHeight+" Window Height");
            //console.log($blockHeight+" Block Height");
            $('body').addClass('need-padding');
        }
  });