jquery – 如何在窗口调整大小时调整div的最大高度？

我一直在寻找高低的答案.我已经阅读了这里的一些事情,没有人似乎有解决我想要做的事情.当窗口大小达到某一点时,我想要调整div的最大高度.主菜单位于页面底部,内容从菜单中向上滑动.

我的例子：

<div class="content">
    //some content pics/text etc.
</div>

CSS：

.content { width: 550px; overflow: auto; }`

现在显然我可以在css中设置最大高度,但是我不需要它,直到屏幕尺寸达到800px高.让我知道,如果我在这里遗漏一些简单的东西.

我可以使用jQuery或css规则.

解决方法

$(window).on('resize',function(){
    if($(this).height() <= 800){
        $('.content').css('max-height','800px'); //set max height
    }else{
        $('.content').css('max-height',''); //delete attribute
    }
});

原文地址：https://www.jb51.cc/jquery/176713.html