jquery动态计算menu菜单的高度

最新推荐文章于 2021-07-07 16:48:57 发布

学习代表未来

最新推荐文章于 2021-07-07 16:48:57 发布

阅读量496

点赞数

分类专栏： jquery js

本文链接：https://blog.csdn.net/weixin_39907729/article/details/104953248

版权

js 同时被 2 个专栏收录

44 篇文章 1 订阅

订阅专栏

jquery

31 篇文章 2 订阅

订阅专栏

1. css

.menu_wrapper{
    width: 254px;
    background: #282828;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
}

2.dom元素

3.js代码

  // 初始化菜单高度
    function setsize() {
        var max_h = $(".menu_wrapper_inner").height();
        var window_h = window.innerHeight;
        var body_h = $("body").height();

        if (max_h < window_h) max_h = window_h;
        if (max_h < body_h) max_h = body_h;
        $(".menu_wrapper").height(max_h);

        setTimeout(function () { setsize(); }, 100);
    }
    setsize();

    $(window).on('resize', function () {

        setsize();     
    })