美文网首页
监听页面高度,元素根据屏幕实时高度自动变化

监听页面高度,元素根据屏幕实时高度自动变化

作者: 小小_chao | 来源:发表于2020-11-18 10:48 被阅读0次
    文章描述:元素根据屏幕实时高度自动变化
    //js
    /*监听页面高度*/
    $(window).resize(function(){
        changePageHeight(); //调用方法
    });
    function changePageHeight(){
        var mainConH = $(".mainConBox").height(); //主元素的高度
        var autoH = mainConH - 200; // 需要的高度
        $(".childCon").css("height",autoH); //为需要动态变化的元素赋值
    }
    

    注:写代码时自己记录整理,有需要请自取,谢谢关注支持!

    相关文章

      网友评论

          本文标题:监听页面高度,元素根据屏幕实时高度自动变化

          本文链接:https://www.haomeiwen.com/subject/fznqiktx.html